.gallery-new {
  display: flex;
  width: 100%;
  height: clamp(360px, 42vw, 600px);
  gap: 3px;
  background: var(--color-cream-alt);
}

.gallery-overlay-1 {
  display: none;
}

.gallery-item {
  flex: 1;
  overflow: hidden;
  cursor: pointer;
  transition: flex 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

.gallery-item a {
  display: block;
  width: 100%;
  height: 100%;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}

.gallery-item:hover {
  flex: 1.5;
}

@media (max-width: 768px) {
  .gallery-new {
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    height: clamp(260px, 75vw, 400px);
    gap: 8px;
    padding: 0 16px;
  }

  .gallery-new::-webkit-scrollbar {
    display: none;
  }

  .gallery-item {
    flex: 0 0 72%;
    scroll-snap-align: center;
  }

  .gallery-item:hover {
    flex: 0 0 72%;
  }

  .gallery-item img,
  .gallery-item:hover img {
    transform: none;
  }
}