.scrollflix-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  background: transparent;
  padding: 10px;
}

.scrollflix-container.scroll-y,
.scrollflix-container.scroll-x {
  overflow: auto;
}

.scrollflix-video {
  aspect-ratio: 9 / 16;
  width: calc(20% - 12px); /* 5 columns */
  height: calc((100vh - 80px) / 4); /* 4 rows accounting for padding/gaps */
  max-height: 230px;
  border-radius: 10px;
  object-fit: cover;
  scroll-snap-align: start;
}