.ws-gallery-grid{
    display:flex;
    gap:3rem;
    flex-wrap:wrap;    
}
.ws-gallery-image,
.ws-gallery-image:hover,
.ws-gallery-image-legend,
.ws-gallery-image:hover .ws-gallery-image-legend{
    color:var(--ph-color-1);
}
.ws-gallery-image,
.ws-gallery-image-w-50{
    width:calc(50% - 3rem/2);
}
.ws-gallery-image-w-100{    
    width:calc(100%);
}
.ws-gallery-image .ws-gallery-image-img{   
    margin-bottom:1.6rem;
    position: relative;
}
.ws-gallery-image-f-h .ws-gallery-image-img{
    aspect-ratio: 570/350;
}
.ws-gallery-image-f-h.ws-gallery-image-w-100 .ws-gallery-image-img{
    aspect-ratio: 1170/720;
}
.ws-gallery-image-f-v .ws-gallery-image-img{
    aspect-ratio: 570/855;
}
.ws-gallery-image .ws-gallery-image-img img{   
    width:100%;
    height:100%;
    object-fit: cover;
    vertical-align: top;
}
.ws-gallery-image .ws-gallery-image-img img{   
    width:100%;
    object-fit: cover;
    vertical-align: top;
    margin-bottom:1.6rem;
}
.ws-gallery-image .ws-gallery-image-img button.ph-btn{
    opacity:0;
    position: absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    transition: 0.3s opacity;
}
.ws-gallery-image .ws-gallery-image-img:hover button.ph-btn{
    opacity:1;
}

@media (max-width: 767px) {
    .ws-gallery-image,
    .ws-gallery-image-w-50{
        width:100%;
    }
}