/* List */
.services > div {
    text-align: center;
    background-color: var(--d-gray);
    padding: 20px;
    cursor: pointer;
}

.services > div > picture {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.services > div > picture > img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;

    transition: transform .5s;
}

.services > div:hover > picture > img {
    transform: scale(1.05);
}
/* <<< */


/* Item */
picture.service {
    display: block;
}

picture.service img {
    width: 100%;
}

@media (max-width: 799.999px) {
    picture.service {
        margin: 0 -20px;
        border-top: 20px solid var(--d-gray);
        border-bottom: 20px solid var(--d-gray);
        min-width: 100vw;
    }
}

@media (min-width: 800px) {
    picture.service {
        background-color: var(--d-gray);
        padding: 20px;
    }
}
/* <<< */