.bg-about {
    background-image: url(../images/about/aboutBg.jpg);
}

/* components */
.about-grid {
    display: grid;
    gap: 1.5rem;
    grid-auto-columns: 1fr;
    grid-template-areas:
        "one"
        "two"
        "three"
        "four"
        "five";
}

.testimonial:nth-child(1) {
    grid-area: one;
}
.testimonial:nth-child(2) {
    grid-area: two;
}
.testimonial:nth-child(3) {
    grid-area: three;
}

@media screen and (min-width: 33em) {
    .about-grid {
        grid-template-areas:
            "one two"
            "one three";
    }
}

@media screen and (min-width: 38em) {
    .about-grid {
        grid-template-areas:
            "one two"
            "one three";
    }
}

@media screen and (min-width: 54em) {
    .about-grid {
        grid-template-areas:
            "one two"
            "one three";
    }
}

@media screen and (min-width: 75em) {
    .about-grid {
        grid-template-areas:
            "one two"
            "one three";
    }
}