.container-gallery {
    display: flex;
    width: 100%;
    padding: 4% 2%;
    box-sizing: border-box;
    height: 100%;
}

.container-gallery .box {
    flex: 1;
    overflow: hidden;
    transition: .5s;
    margin: 0 2%;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    line-height: 0;
}

.container-gallery .box>a img,
.container-gallery .box>a {
    width: 200%;
    height: calc(100%);
    object-fit: cover;
    transition: .5s;
}

.container-gallery .box:hover {
    flex: 1 1 10%;
}

.container-gallery .box:hover>a {
    width: 100%;
    height: 100%;
}

.container-gallery .box:hover>a img,
.container-gallery .box:hover>a {
    width: 100%;
    height: 100%;
}

.container-gallery .box a {
    width: fit-content;
}