#services-column {
    width: 75vw;
}

.service-content-description {
    container-name: service-content-container;
    container-type: inline-size;

    display: flex;
    gap: 20px;
}

@container service-content-container {
    .service-content-description > img {
        width: min(20rem, 45cqw);
        height: 20rem;
        object-fit: cover;
        border-radius: 20px;
        box-shadow: 0px 0px 5px black;
    }

    .service-content-description .column-container {
        flex: 1;
    }
}

@media (max-aspect-ratio: 5/4) {
    #services-column {
        width: 87.5vw;
    }

    .service-content-description {
        flex-direction: column;
    }

    @container service-content-container {
        .service-content-description > img {
            width: min(20rem, 95cqw);
            height: 15rem;
            margin-left: 50cqw;
            transform: translateX(-50%);
        }
    }
}