.insta-feed-carousel{
  display:flex;
  grid-template-columns:none;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 7px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--pink) #f3e8ec;
}
.insta-feed-carousel::-webkit-scrollbar{height:5px}
.insta-feed-carousel::-webkit-scrollbar-track{background:#f3e8ec;border-radius:8px}
.insta-feed-carousel::-webkit-scrollbar-thumb{background:var(--pink);border-radius:8px}
.insta-feed-carousel .insta-post{
  flex:0 0 calc((100% - 32px)/5);
  aspect-ratio:2832/3750;
  min-width:0;
  border-radius:7px;
  background-image:url('../images/instagram-feed-casadasmeiascl.webp');
  background-repeat:no-repeat;
  background-size:500% 200%;
  scroll-snap-align:start;
  box-shadow:inset 0 0 0 1px rgba(229,0,99,.08);
  transition:transform .25s ease,box-shadow .25s ease;
}
.insta-feed-carousel .insta-post:hover,
.insta-feed-carousel .insta-post:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 5px 15px rgba(45,21,31,.12);
  outline:2px solid var(--pink);
  outline-offset:2px;
}
.insta-post:nth-child(1){background-position:0 0}
.insta-post:nth-child(2){background-position:25% 0}
.insta-post:nth-child(3){background-position:50% 0}
.insta-post:nth-child(4){background-position:75% 0}
.insta-post:nth-child(5){background-position:100% 0}
.insta-post:nth-child(6){background-position:0 100%}
.insta-post:nth-child(7){background-position:25% 100%}
.insta-post:nth-child(8){background-position:50% 100%}
.insta-post:nth-child(9){background-position:75% 100%}
.insta-post:nth-child(10){background-position:100% 100%}
@media(max-width:780px){
  .insta-feed-carousel .insta-post{flex-basis:calc((100% - 16px)/3)}
}
@media(max-width:460px){
  .insta-feed-carousel .insta-post{flex-basis:calc((100% - 8px)/2)}
}
@media(prefers-reduced-motion:reduce){
  .insta-feed-carousel{scroll-behavior:auto}
  .insta-feed-carousel .insta-post{transition:none}
}