body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    background-color: #f0f0f0;
}

.image-gallery {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.grid-sizer,
.gallery-item {
    width: 16.6666%;
    box-sizing: border-box;
    padding: 0px;
}

.gallery-item {
    height: auto;
    object-fit: contain;
    margin-bottom: 0px;
    display: block;
    background-color: #fff;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.gallery-item.zoomed {
    transform: scale(1.3);
    z-index: 100;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}