.udh-gallery-photoswipe-home {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow:row;
    grid-template-rows: auto;
    gap: 20px;
   
}
div#baguetteBox-slider figcaption {
    display: none !important;
}
.uhd-tap-triggers {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}
button.udh-tap-trigger{
    transition: all 0.3s ease;
}
a.gallery-item{
    overflow: hidden;
    position: relative;
}

button.udh-tap-trigger{
    color: #000000;
    background-color:transparent;
    border: 1px solid #000000;
}
button.udh-tap-trigger:hover,
button.udh-tap-trigger.active{
    color: #000000;
    background-color:#c4a96b;
    border-color: #c4a96b;
}
.udh-gallery-tap-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
   
    gap: 20px;
    padding: 10px;
}
.udh-tap-gallery{
    display: none;
}
.udh-tap-gallery.active{
    display: block;
}
.gallery-tap-item img{
    aspect-ratio: 4/3;
}
@media (max-width: 991px) {
    .udh-gallery-tap-grid {
    
    grid-template-columns: repeat(2, 1fr);
   
}
    
    .udh-gallery-photoswipe-home {
        grid-template-columns: repeat(2, 1fr);
      
    }
  
a.gallery-item:last-of-type {
    display: none;
}
a.gallery-item:nth-child(1), a.gallery-item:nth-child(8) {
    aspect-ratio: 4/3;
}
a.gallery-item:nth-child(3), a.gallery-item:nth-child(5), a.gallery-item:nth-child(7) {
    top: -36%;
}
}



@media (min-width: 992px) {
    a.gallery-item:last-of-type {
    display: block;
}
    
    .udh-gallery-photoswipe-home {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-flow: column column column;
         grid-template-rows: auto auto  auto;
         
    }
      a.gallery-item:nth-child(even) {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
a.gallery-item:nth-child(odd) {
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
    top: -24%;
}
a.gallery-item:nth-child(1) {
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
    top: 1%;
}
a.gallery-item:nth-child(3) {
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
    top: 1%;
}
a.gallery-item:nth-child(5) {
    /* aspect-ratio: 6/7; */
    top: 0%;
}

a.gallery-item:nth-child(2) {
    aspect-ratio: 1;
}

      .udh-gallery-tap-grid {
    
    grid-template-columns: repeat(3, 1fr);
   
}

a.gallery-item:nth-child(1),
a.gallery-item:nth-child(3) {
    aspect-ratio: 4/3;
    position: relative;
    
}
a.gallery-item:nth-child(6),
a.gallery-item:nth-child(4) {
    aspect-ratio: 1;
    position: relative;
    top: -22%;
}
}
