.gallery {
	 margin: 0;
	 width: 100%;
     height: 520px;
     border-radius: 5px;
     background: white;
}

.gallery .xzoom {
    width: 100%;
    height: 420px;
    object-fit: contain;
    margin-bottom: 10px;
}

.xzoom-gallery{
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 1px solid var(--dark-blue)
}
.xzoom-thumbs{
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}
    
@media screen and (max-width: 970px) {
    .gallery {
        height: 420px;
    }

    .gallery .xzoom {
    height: 320px;
    margin-bottom: 5px;

    }
}