.about_banner {
    background: url(../images/shop_hero.jpg);
    min-height: 30vh;
    background-size: cover;
    background-position: center;
}
.about__message {
    width: 30%;
    color: var(--black);
    background: rgba(255, 255, 255,0.9);
    padding: 1.5rem;
    border-radius: 1rem;
}
.benfits h4 {
    margin: 1rem 0;
}
.rate i{
    font-size: .8rem;
    color: goldenrod;
}
.brand_img {
    width: 10rem;
    border: .1rem solid var(--gray);
}

@media (max-width:768px) {
    .about__message{
        width: 100%;
    }
}