/* Fill the comparison frames without stretching or changing the source photos. */
.comparison--brett img,
.comparison--brendon img {
  object-fit: cover;
}

.comparison--brett .comparison-frame {
  aspect-ratio: 3 / 5;
  overflow: hidden;
  border-radius: 4px;
}

.comparison--brett .comparison-frame img {
  height: 100%;
}

.comparison--brett .comparison-frame:first-child img {
  transform: scale(1.6);
  transform-origin: 55% 12%;
}

.comparison--brett .comparison-frame:last-child img {
  object-position: 50% 10%;
}

.comparison--brendon img:last-child {
  object-position: 50% 35%;
}

@media (max-width: 760px) {
  .comparison--brett .comparison-frame {
    aspect-ratio: 3 / 4;
  }
}