#friends .sticky {
  position: sticky;
  top: 4vh;
  margin-bottom: 20vh;
}

#friends .carousel {
  overflow: clip;
}

#friends .carousel-inner {
  display: flex;
  gap: 2vw;
  width: calc(592.06vh + 16vw);

  img { max-height: 60vh; }

  animation: friends-scroll linear forwards;
  animation-timeline: --friends;
  animation-range: 10% 90%;
}

#friends > p:last-child {
  margin-top: 120vh;
  position: sticky;
  bottom: 10vh;
}

@keyframes friends-scroll {
  from { translate: 0; }
  to   { translate: calc(-100% + 95vw); }
}