.gallery {
      column-count: 3;
      column-gap: 25px;
    }
    .gallery-item {
    position: relative;
    margin-bottom: 25px;
    break-inside: avoid;
    overflow: hidden;
    /* border-radius: 6px; */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    border: 10px solid #fff;
}
    .gallery-item img {
      width: 100%;
      display: block;
    }
    .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      padding: 10px;
      opacity: 0;
      transition: opacity 0.4s ease;
      text-align: center;
    }
    .gallery-item:hover .overlay {
      opacity: 1;
    }

    @media(max-width:768px)
    {

      .gallery {
      column-count: 1;
      column-gap: 25px;
    }
    }
.gallery-item1 img {
  height: 250px;
  object-fit: cover;
}

.gallery-item2 img {
  height: 300px;
  object-fit: cover;
}

.gallery-item3 img {
  height: 400px;
  object-fit: cover;
}

.gallery-item4 img {
  height: 380px;
  object-fit: cover;
}

.gallery-item5 img {
  height: 350px;
  object-fit: cover;
}

.gallery-item6 img {
  height: 220px;
  object-fit: cover;
}

.gallery-item7 img {
  height: 300px;
  object-fit: cover;
}

.gallery-item8 img {
  height: 320px;
  object-fit: cover;
}

.gallery-item9 img {
  height: 330px;
  object-fit: cover;
}

   

  .gallery1 {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}
    @media(max-width:1024px)
    {
.gallery1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
    }

    @media(max-width:768px)
    {
.gallery1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

 @media(max-width:576px)
    {
.gallery1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
    }

      
    }.video-wrapper {
    background: #071223;
}