img { 
    max-width:100%;
}

.gallery_box li { 
    width:33.333333%; 
    max-width: 100% ; 
    float: left; 
    text-align: center; 
    overflow: hidden;    
    position: relative;
}

.gallery_box { 
    padding:0;
    display: flow-root;
}

.gallery_box li:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.gallery_box li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid #e2e2e2; /* Add a light gray border */
    -webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.gallery_box li:nth-child(even) {
    height: 304px;
}

.gallery_box li:nth-child(odd) {
    height: 438px; 
}

.gallery_box li:nth-child(odd) .box_data { 
    background:rgba(255, 255, 255, 0) 
}

.gallery_box li:nth-child(even) .box_data { 
    background:rgba(0, 0, 0, 0.445) 
}

.gallery_box .box_data { 
    position:absolute; 
    top: 0; 
    left: 0; 
    right:0; 
    bottom:0; 
    color:#ffffff;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery_box .box_data span { 
    position:absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    left:0 ; 
    right:0; 
    font-size:24px;
    font-family: 'Arial', sans-serif;
}

.gallery_box .box_data span p {
    font-size:18px;
    font-family: 'Roboto', sans-serif;
} 

.gallery_box li:hover .box_data { 
    opacity: 1;
    background:#125a3be0
}