@media (min-width:761px){
  .photo-gallery-hero{height:520px}
}
.gallery-card-8{--order:7;transform:translate(-220px,142px) rotate(2deg)}
.gallery-card-9{--order:8;transform:translate(-110px,126px) rotate(-2deg)}
.gallery-card-10{--order:9;transform:translate(0,145px) rotate(2deg)}
.gallery-card-11{--order:10;transform:translate(110px,126px) rotate(-2deg)}
.gallery-card-12{--order:11;transform:translate(220px,142px) rotate(2deg)}
.gallery-card-9 img,.gallery-card-11 img{animation-name:gallery-float-opposite}
@keyframes gallery-float-opposite{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}