.img-gallery {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
}

.img-gallery img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
   
}

.img-gallery img.landscape {
    object-fit: cover;
    width: auto !important;
    height: 100% !important;
}

.img-gallery img.portrait {
    object-fit: cover;
    width: 100% !important;
    height: auto !important;
}

.img-gallery button {
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
    background-color: #B7192A;  
}


.img-gallery button:hover {
    background-color: black;
    border-color: #000;
}