.scroll-gallery {
  background: #f1f1f1;
  padding: 60px 0;
  overflow-x: hidden;
  margin: 0;
}

.scroll-gallery-row {
  display: flex;
  justify-content: center;
  gap: 40px;
  /* transition: transform 1s ease; */
  will-change: transform;
}

.scroll-meal {
  width: 500px;
  height: auto;
  /* transition: transform 0.8s ease; */
  object-fit: cover;
  border-radius: 12px;
  /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); */
}

@media (max-width: 1024px) {
  .scroll-meal {
    width: 400px;
  }
}

@media (max-width: 768px) {
  .scroll-meal {
    width: 300px;
  }
}

@media (max-width: 500px) {
  .scroll-meal {
    width: 250px;
  }

  .scroll-gallery-row {
    gap: 10px;
  }
}