.simple-images--container {
    max-width: 800px;
    margin-inline: auto;
    padding-inline: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (min-width: 848px) {
    .simple-images--container {
        padding-inline: 0;
        flex-direction: row
    }
}

@media screen and (min-width: 992px) {
    .simple-images--container {
        gap: 40px
    }
}

.simple-images--container div {
    flex: 1
}

.simple-images--container img {
    width: 100%;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 992px) {
    .simple-images.double img {
        height: 500px
    }
}