.project-photo-frame {
  display: block;
  border-radius: 13px;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  main :is(a[data-studio-photo], .library-photo > a, .featured-photo-grid > a,
           .service-project-example__visual > a, .project-progress__photo > a,
           .premium-property-image, .project-photo > picture, .project-photo-frame,
           a:has(> img[data-before][data-after])):has(> img, > picture > img) {
    overflow: hidden;
  }

  main :is(a[data-studio-photo], .library-photo > a, .featured-photo-grid > a,
           .service-project-example__visual > a, .project-progress__photo > a,
           .premium-property-image, .project-photo > picture, .project-photo-frame,
           a:has(> img[data-before][data-after]))
    img {
    transition: transform 260ms ease;
    transform-origin: center;
  }

  main :is(a[data-studio-photo], .library-photo > a, .featured-photo-grid > a,
           .service-project-example__visual > a, .project-progress__photo > a,
           .premium-property-image, .project-photo > picture, .project-photo-frame,
           a:has(> img[data-before][data-after])):hover
    img {
    transform: scale(1.035);
  }

  main .rc2-photo-link > span {
    z-index: 1;
  }

  main .project-photo > picture {
    display: block;
  }
}