/* Header Banner */
.about-banner {
    background: linear-gradient(rgba(0, 51, 102, 0.8), rgba(0, 51, 102, 0.8)), url('../imagess/about-banner.jpeg') center 75% /cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white);
    text-align: center;
}
.ratio-4x1 {
    padding-bottom: 25%;
}
.ratio-5x1 {
    padding-bottom: 20%;
}