/* Generated from data/casamientos.json. Do not edit manually. */
.wedding-hero__photo[data-wedding-item="one"] {
  position: absolute;
  top: -6.655%;
  left: 12.842%;
  right: auto;
  bottom: auto;
  width: 34.518%;
  z-index: 5;
  transform: rotate(-1.2deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="two"] {
  position: absolute;
  top: 51.189%;
  left: 57.081%;
  right: auto;
  bottom: auto;
  width: 15.944%;
  z-index: 16;
  transform: rotate(1.4deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="three"] {
  position: absolute;
  top: -5.553%;
  left: 50.322%;
  right: auto;
  bottom: auto;
  width: 23.813%;
  z-index: 15;
  transform: rotate(-0.4deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="four"] {
  position: absolute;
  top: -5.379%;
  left: 73.815%;
  right: auto;
  bottom: auto;
  width: 23.84%;
  z-index: 13;
  transform: rotate(0.7deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="five"] {
  position: absolute;
  top: 47.058%;
  left: -7.199%;
  right: auto;
  bottom: auto;
  width: 30.34%;
  z-index: 1;
  transform: rotate(0.7deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="six"] {
  position: absolute;
  top: 3.717%;
  left: 26.428%;
  right: auto;
  bottom: auto;
  width: 19.153%;
  z-index: 7;
  transform: rotate(1.1deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="seven"] {
  position: absolute;
  top: -6.126%;
  left: 24.131%;
  right: auto;
  bottom: auto;
  width: 25.969%;
  z-index: 9;
  transform: rotate(-0.9deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="eight"] {
  position: absolute;
  top: 30.538%;
  left: 75.627%;
  right: auto;
  bottom: auto;
  width: 23.182%;
  z-index: 17;
  transform: rotate(1.3deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="nine"] {
  position: absolute;
  top: 21.197%;
  left: 39.278%;
  right: auto;
  bottom: auto;
  width: 24.489%;
  z-index: 22;
  transform: rotate(-1.4deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="ten"] {
  position: absolute;
  top: 40.995%;
  left: 23.354%;
  right: auto;
  bottom: auto;
  width: 19.285%;
  z-index: 2;
  transform: rotate(-0.6deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="eleven"] {
  position: absolute;
  top: 26.801%;
  left: 50.767%;
  right: auto;
  bottom: auto;
  width: 24.955%;
  z-index: 10;
  transform: rotate(-0.9deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="twelve"] {
  position: absolute;
  top: -6.123%;
  left: 0.998%;
  right: auto;
  bottom: auto;
  width: 20.824%;
  z-index: 6;
  transform: rotate(0.8deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="thirteen"] {
  position: absolute;
  top: 50.644%;
  left: 44.167%;
  right: auto;
  bottom: auto;
  width: 17.659%;
  z-index: 2;
  transform: rotate(1.1deg);
  display: block;
}

.wedding-hero__photo[data-wedding-item="fourteen"] {
  position: absolute;
  top: 40.825%;
  left: 36.929%;
  right: auto;
  bottom: auto;
  width: 19.066%;
  z-index: 21;
  transform: rotate(-0.5deg);
  display: block;
}

@media (max-width: 1080px) {
  .wedding-hero__collage {
    height: 780px;
    min-height: 780px;
  }

  .wedding-hero__photo[data-wedding-item="one"] {
    position: absolute;
    top: 0%;
    left: -5%;
    right: auto;
    bottom: auto;
    width: 56%;
    z-index: 20;
    transform: rotate(-1.2deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="two"] {
    position: absolute;
    top: 0.8%;
    left: 35%;
    right: auto;
    bottom: auto;
    width: 54%;
    z-index: 26;
    transform: rotate(0.8deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="three"] {
    position: absolute;
    top: 1.5%;
    left: 70%;
    right: auto;
    bottom: auto;
    width: 42%;
    z-index: 16;
    transform: rotate(-0.4deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="four"] {
    position: absolute;
    top: 17%;
    left: 57%;
    right: auto;
    bottom: auto;
    width: 54%;
    z-index: 18;
    transform: rotate(0.7deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="five"] {
    position: absolute;
    top: 24%;
    left: -8%;
    right: auto;
    bottom: auto;
    width: 54%;
    z-index: 12;
    transform: rotate(0.7deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="six"] {
    position: absolute;
    top: 24%;
    left: 28%;
    right: auto;
    bottom: auto;
    width: 48%;
    z-index: 34;
    transform: rotate(1.1deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="seven"] {
    position: absolute;
    top: 13%;
    left: 14%;
    right: auto;
    bottom: auto;
    width: 60%;
    z-index: 30;
    transform: rotate(-0.9deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="eight"] {
    position: absolute;
    top: 38%;
    left: 62%;
    right: auto;
    bottom: auto;
    width: 48%;
    z-index: 22;
    transform: rotate(1.3deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="nine"] {
    position: absolute;
    top: 43%;
    left: 18%;
    right: auto;
    bottom: auto;
    width: 56%;
    z-index: 38;
    transform: rotate(-1.4deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="ten"] {
    position: absolute;
    top: 47%;
    left: -7%;
    right: auto;
    bottom: auto;
    width: 48%;
    z-index: 24;
    transform: rotate(-0.6deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="eleven"] {
    position: absolute;
    top: 51%;
    left: 30%;
    right: auto;
    bottom: auto;
    width: 56%;
    z-index: 28;
    transform: rotate(-0.9deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="twelve"] {
    position: absolute;
    top: 54%;
    left: -13%;
    right: auto;
    bottom: auto;
    width: 50%;
    z-index: 14;
    transform: rotate(0.8deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="thirteen"] {
    position: absolute;
    top: 58%;
    left: 14%;
    right: auto;
    bottom: auto;
    width: 50%;
    z-index: 32;
    transform: rotate(1.1deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="fourteen"] {
    position: absolute;
    top: 56%;
    left: 55%;
    right: auto;
    bottom: auto;
    width: 52%;
    z-index: 21;
    transform: rotate(-0.5deg);
    display: block;
  }
}

@media (max-width: 620px) {
  .wedding-hero__collage {
    position: relative;
    inset: auto;
    display: block;
    height: 848px;
    min-height: 848px;
  }

  .wedding-hero__photo[data-wedding-item="one"] {
    position: absolute;
    top: -10.303%;
    left: -17.427%;
    right: auto;
    bottom: auto;
    width: 72%;
    z-index: 44;
    transform: rotate(-1.2deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="two"] {
    position: absolute;
    top: -2.978%;
    left: 35.813%;
    right: auto;
    bottom: auto;
    width: 54%;
    z-index: 26;
    transform: rotate(0.8deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="three"] {
    position: absolute;
    top: -10.252%;
    left: 43.822%;
    right: auto;
    bottom: auto;
    width: 63.451%;
    z-index: 46;
    transform: rotate(-0.4deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="four"] {
    position: absolute;
    top: 9.254%;
    left: 57.808%;
    right: auto;
    bottom: auto;
    width: 54%;
    z-index: 18;
    transform: rotate(0.7deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="five"] {
    position: absolute;
    top: 11.768%;
    left: -12.009%;
    right: auto;
    bottom: auto;
    width: 54%;
    z-index: 12;
    transform: rotate(0.7deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="six"] {
    position: absolute;
    top: 24%;
    left: 28%;
    right: auto;
    bottom: auto;
    width: 48%;
    z-index: 40;
    transform: rotate(1.1deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="seven"] {
    position: absolute;
    top: 19.642%;
    left: -4.533%;
    right: auto;
    bottom: auto;
    width: 60%;
    z-index: 43;
    transform: rotate(-0.9deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="eight"] {
    position: absolute;
    top: 72.936%;
    left: -1.489%;
    right: auto;
    bottom: auto;
    width: 48%;
    z-index: 22;
    transform: rotate(1.3deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="nine"] {
    position: absolute;
    top: 14.39%;
    left: 10.607%;
    right: auto;
    bottom: auto;
    width: 72%;
    z-index: 51;
    transform: rotate(-1.4deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="ten"] {
    position: absolute;
    top: 38.866%;
    left: -14.613%;
    right: auto;
    bottom: auto;
    width: 56.772%;
    z-index: 50;
    transform: rotate(-0.6deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="eleven"] {
    position: absolute;
    top: 51%;
    left: 30%;
    right: auto;
    bottom: auto;
    width: 56%;
    z-index: 28;
    transform: rotate(-0.9deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="twelve"] {
    position: absolute;
    top: 39.3%;
    left: 43.289%;
    right: auto;
    bottom: auto;
    width: 66.369%;
    z-index: 52;
    transform: rotate(0.8deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="thirteen"] {
    position: absolute;
    top: 58%;
    left: 14%;
    right: auto;
    bottom: auto;
    width: 50%;
    z-index: 49;
    transform: rotate(1.1deg);
    display: block;
  }

  .wedding-hero__photo[data-wedding-item="fourteen"] {
    position: absolute;
    top: 77.535%;
    left: 51.311%;
    right: auto;
    bottom: auto;
    width: 52%;
    z-index: 21;
    transform: rotate(-0.5deg);
    display: block;
  }
}