.image-grid-section .media-wrapper {
    display: grid;
    grid-template-columns: 1fr 2.2fr 1fr;   
    gap: 30px;
    align-items: stretch;
}
.media-wrapper .left-images,
.media-wrapper .right-images {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
.media-wrapper  .left-images img,
.media-wrapper .right-images img {
    flex: 1;                
    width: 100%;
    height: 50%;
    object-fit: cover;
    border-radius: 15px;
}
.media-wrapper .middle-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
@media (max-width: 768px) {
    .media-wrapper .left-images img,
    .media-wrapper .right-images img,
    .media-wrapper .middle-image img {
        height: auto;
    }
}
@media (max-width: 460px) {
    .media-wrapper  .left-images,
    .image-grid-section .media-wrapper,
    .media-wrapper .right-images {
       display: none;
    }
}