.service-block {
    display: flex;
    /*align-items: center;*/
    /*justify-content: space-between;*/
    /*padding: 1rem;*/
    margin-bottom: 2rem;
}

/* каждый чётный блок — реверс */
.service-blocks .service-block:nth-child(even) {
    flex-direction: row-reverse;
    background-color: rgba(173, 209, 248, 0.55);
}

#services h2 {
    text-align: center;
    font-size: 1.8rem;
    color: #6791bb;
    margin-bottom: 1rem;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

.block-content{
    max-width: 35rem;
    max-height: 25rem;
    text-align: left;
    padding: 2rem;
}

.block-image {
    width: 40rem;
    height: 25rem;
    overflow: hidden; /* Чтобы обрезать лишнее, если изображение не квадратное */
    display: flex;
    /*justify-content: center;*/
    /*align-items: center;*/
    padding: 1rem;
}

.block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Это свойство обрежет изображение, чтобы оно заполнило блок без искажений */
}