/* Mobile-only photo spacing: keep every important photo readable without heavy overlap. */

@media (max-width: 680px) {
  .scene__ambient,
  [class$="__ambient"] {
    filter: none !important;
    transform: none !important;
    opacity: 0.2 !important;
  }

  .scene__top,
  .question-layer {
    backdrop-filter: none !important;
  }

  .meal-photo {
    padding: 4px 4px 28px;
  }

  .game-photo {
    padding: 4px 4px 24px;
  }

  .christmas-tree-photo {
    top: 3%;
    width: 45%;
    height: 82%;
    padding: 4px 4px 25px;
  }

  .christmas-selfie-photo {
    top: 2%;
    width: 54%;
    height: 67%;
    padding: 4px 4px 24px;
  }

  .mulled-wine-photo {
    right: auto;
    bottom: 0;
    left: 34%;
    z-index: 7;
    width: 36%;
    height: 39%;
    padding: 4px 4px 22px;
  }

  .valentines__photos {
    height: min(40svh, 335px);
  }

  .valentines-couple-photo {
    left: 0;
    width: 50%;
    height: 72%;
    padding: 4px 4px 25px;
  }

  .valentines-gifts-photo {
    width: 42%;
    height: 45%;
    padding: 4px 4px 23px;
  }

  .valentines-hair-photo {
    bottom: 1%;
    width: 42%;
    height: 45%;
    padding: 4px 4px 22px;
  }

  .valentines-closeup-photo {
    bottom: 0;
    left: 8%;
    width: 38%;
    height: 50%;
    padding: 4px 4px 21px;
  }

  .travel-photo {
    padding: 3px;
  }

  .travel-photo::after {
    inset: 8px 8px auto;
    height: calc(100% - 16px);
  }

  .travel-photo--beach-carry {
    top: 3%;
    left: 1%;
    width: 46%;
    height: 66%;
  }

  .travel-photo--sunset {
    top: 0;
    right: 1%;
    width: 40%;
    height: 52%;
  }

  .travel-photo--shoulder-carry {
    right: 0;
    width: 42%;
    height: 55%;
  }

  .travel-photo--seaside {
    left: 23%;
    width: 38%;
    height: 47%;
  }

  .hiking-photo {
    padding: 4px;
  }

  .hiking-photo--route {
    width: 44%;
    height: 84%;
    padding-bottom: 17px;
  }

  .hiking-photo--cave {
    width: 44%;
    height: 50%;
    padding-bottom: 16px;
  }

  .hiking-photo--forest {
    right: 7%;
    width: 48%;
    height: 52%;
    padding-bottom: 16px;
  }

  .qingdao-photo {
    padding: 4px;
  }

  .qingdao-photo--couple {
    width: 55%;
    padding-bottom: 20px;
  }

  .qingdao-photo--road {
    width: 40%;
    padding-bottom: 18px;
  }

  .qingdao-photo--beer {
    width: 47%;
    padding-bottom: 19px;
  }
}