.about-container {
    background: rgba(242, 107, 42, 0.05);
}

.about-container .hero-img {
    transform: rotate(3deg);
    width: 25rem;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    /* max-height: 10rem; */
}

.card-about {
    background-color: rgba(254, 250, 243, 0.8);
    border-radius: 1rem;
    height: 100%;
    border: 0;
}

.card-contact.card-assistance {
    background-color: var(--green);
    color: whitesmoke;
}

.about-sub-container {
    border-radius: 7% 7% 0px 0px;
    background-color: white;
}

@media (max-width: 767px) {
    .about-container h1 {
        font-size: 2.5rem;
    }

    .about-container .title-container > div {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .about-container .hero-img {
        width: 100%;
        max-width: 20rem;
    }
}

@media (min-width: 768px) {
    .about-container h1 {
        font-size: 4.5rem;
    }

    .about-container .title-container > div {
        padding-right: 6rem;
        padding-left: 4rem;
    }
}