.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, auto)); /*250px is the minimum space needed for creating another column*/
    max-width: 990px; /*We don't want more than 3 columns*/
    margin: 0 auto;
}

.card--service-page {
    width: 90%;
    max-width: 325px; /*this way we can control the auto that comes from grid-template-columns*/
    margin: 0 auto 25px;
}


@media(min-width: 1300px) {
    .wrapper {
        background-image: url("../resources/undraw_medicine_b1ol.svg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 25% 25%;
        background-position: 98% 85%;
    }

    .services-container {
        margin-left: 8%;
    }
}