.services-list {
    display:grid;
    gap:100px;
}

.detail-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9%;
    align-items:center;
    scroll-margin-top:30px;
}

.detail-image {
    height:390px;
    border-radius:8px;
    overflow:hidden;
    background:#dae1e3;
}

.detail-row p {
    font-size:16px;
    max-width:520px;
    margin:20px 0 30px;
}

.detail-row.reverse .detail-image {
    order:2;
}

@media(max-width:750px) {
    .services-list {
        gap:55px;
    }
    .detail-row {
        grid-template-columns:1fr;
        gap:30px;
    }
    .detail-row.reverse .detail-image {
        order:0;
    }
    .detail-image {
        height:270px;
    }
}