.article {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .article {
        flex-basis: 100%;
    }
}

.article__picture {
    max-width: 100%;
}

@media (max-width: 767px) {
    .article__picture {
        padding: 30px;
        flex-direction: column;
        max-width: auto;
    }
}

.article__photo {
    padding: 10px;
}

.article__galery {
    max-width: auto;
}

@media (max-width: 767px) {
    .article__galery {
        flex-direction: column;
        max-width: auto;
    }
}

.article__zoom {
    transition: transform .3s;
    flex-basis: 50%;
    /* Animation */
}

.article__zoom:hover {
    transform: scale(2.0);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

@media (max-width: 767px) {
    .article__zoom {
        padding: 50px;
        max-width: auto;
    }
}

.article__logo {
    padding: auto;
}

@media (max-width: 767px) {
    .article__logo {
        flex-direction: column;
    }
}