.about-us-page .image-banner {
    background-image: url('../image/abou_us_banner_4.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    width: 100%;
    color: white;
    background-position: center 15%;
}

.about-us-page .content {
    padding: 50px;
    display: flex;
    flex-direction: row; /* ngang */
    font-size: 1.5vw;
}

/* Khi màn hình bé hơn 768px, chuyển sang dọc */
@media (max-width: 768px) {
    .about-us-page .content {
        flex-direction: column; /* dọc */
        padding: 20px;
        font-size: 3vw; /* font to hơn để dễ đọc trên màn hình nhỏ */
    }
    #image {
        margin-left: 0;
        margin-top: 20px; /* khoảng cách phía trên khi dọc */
        flex-basis: auto; /* tự động chiếm hết ngang */
    }
    #text {
        flex-basis: auto;
    }
}

.banner-text-about {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    /* font-size: 2vw; */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}

#text {
    flex-basis: 60%;
}

#image {
    margin-left: 8px; /* sửa lỗi */
    flex-basis: 40%;
}

#image img {
    width: 100%;
    height: auto;
    display: block;
}