.services-container {
    background-color: rgb(207, 207, 207);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    padding: 50px;
}

.service-container {
    display: flex;
    align-items: end;
    justify-content: center;
    width: 100%;
    height: 225px;
    background-color: rgb(72, 72, 72);
    border-radius: 25px;
    box-shadow: 0px 3px 6px 0px rgb(0, 0, 0, 0.35);
    background-size: cover;

    text-align: center;
}

.service-text {
    font-family: 'Rubik', Arial;
    font-size: xx-large;
    font-style: italic;
    font-weight: bold;
    color: rgb(250, 190, 5);
    text-shadow: -3px -3px 2px black,
        -3px 3px 2px black,
        -3px 0px 2px black,
        3px 0px 2px black,
        3px 3px 2px black,
        3px -3px 2px black,
        0px -3px 2px black,
        0px 3px 2px black;
    margin: 5px;
}

.service-container.boren {
    background-image: url(/Images/Placeholder/Placeholder01.webp);
}

.service-container.zagen {
    background-image: url(/Images/Placeholder/Placeholder02.webp);
}

.service-container.breekwerken {
    background-image: url(/Images/Placeholder/Placeholder03.webp);
}

.service-container.riolering {
    background-image: url(/Images/Placeholder/Placeholder04.webp);
}

.service-container.puttenleggen {
    background-image: url(/Images/Placeholder/Placeholder05.webp);
}

.service-container.algemeenwerk {
    background-image: url(/Images/Placeholder/Placeholder06.webp);
}