/* CONTAINER */
/* --------- */
.side-by-side-container {
    display: flex;
    flex-direction: row;
    column-gap: 6rem;
    row-gap: 2rem;
    max-width: 1200px;
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .side-by-side-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

/* CONTENT */
/* ------- */
.side-by-side-container__right {
    flex: 1;
    min-width: 250px;
}

.side-by-side-container__image {
    object-fit: cover;
}