/* Main gallery container */
    #gallery-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 3rem 1rem;
      background: linear-gradient(135deg, #ffffff, #e9ecef);
      border-radius: 12px;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }

    /* Row styling for flexbox layout */
    .gallery-row {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      justify-content: center;
    }

    /* Column styling for responsive grid */
    .gallery-col {
      flex: 0 0 calc(33.333% - 1.5rem);
      max-width: calc(33.333% - 1.5rem);
      padding: 0.75rem;
      transition: transform 0.4s ease;
    }

    /* Bottle image container */
    .bottle-card {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
      background: #fff;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    /* Image styling with smooth fade-in */
    .bottle-card img {
      width: 100%;
      height: auto;
      display: block;
      opacity: 0;
      transform: scale(0.95);
      animation: fadeInScale 1.2s ease-in-out forwards;
    }

    /* Hover effect for cards */
    .bottle-card:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
    }

    /* Fade-in and scale animation */
    @keyframes fadeInScale {
      0% {
        opacity: 0;
        transform: scale(0.95) translateY(30px);
      }
      100% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    /* Fade-out animation */
    .fade-out {
      animation: fadeOutScale 0.8s ease-in-out forwards;
    }

    @keyframes fadeOutScale {
      0% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
      100% {
        opacity: 0;
        transform: scale(0.95) translateY(30px);
      }
    }

    /* Staggered animation delays */
    .bottle-card:nth-child(1) img { animation-delay: 0.1s; }
    .bottle-card:nth-child(2) img { animation-delay: 0.2s; }
    .bottle-card:nth-child(3) img { animation-delay: 0.3s; }
    .bottle-card:nth-child(4) img { animation-delay: 0.4s; }
    .bottle-card:nth-child(5) img { animation-delay: 0.5s; }
    .bottle-card:nth-child(6) img { animation-delay: 0.6s; }
    .bottle-card:nth-child(7) img { animation-delay: 0.7s; }
    .bottle-card:nth-child(8) img { animation-delay: 0.8s; }
    .bottle-card:nth-child(9) img { animation-delay: 0.9s; }
    .bottle-card:nth-child(10) img { animation-delay: 1s; }
    .bottle-card:nth-child(11) img { animation-delay: 1.1s; }
    .bottle-card:nth-child(12) img { animation-delay: 1.2s; }
    .bottle-card:nth-child(13) img { animation-delay: 1.3s; }
    .bottle-card:nth-child(14) img { animation-delay: 1.4s; }
    .bottle-card:nth-child(15) img { animation-delay: 1.5s; }
    /* Continue as needed */

    /* Responsive adjustments */
    @media (max-width: 992px) {
      .gallery-col {
        flex: 0 0 calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem);
      }
    }

    @media (max-width: 576px) {
      .gallery-col {
        flex: 0 0 100%;
        max-width: 100%;
      }
      #gallery-container {
        padding: 2rem 0.5rem;
      }
    }