.flex-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    max-width: 1000px;
    margin: 0 auto;
}

.image-col {
    flex: 0 0 40%;
}

.text-col {
    flex: 0 0 55%;
}

.side-image, img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;
}

@media (max-width: 768px) {
    .flex-row {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .image-col, .text-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .side-image {
        margin: 0 auto;
    }
}