.banner-container {
display: flex;
justify-content: center;
align-items: center;
height: 12vh; /* Adjust as needed */
margin-bottom: 100px;
}

.bannerImage {
display: flex;
width: 400%;
height: 350px;
object-fit: fill;
margin-top: 400px;
z-index: 3;
opacity: 70%;

}
#head1 {
    display: flex;
    margin-left: 300px;
    text-shadow: 1px;
}
.head-1 {
margin-top: 400px;
 }

.w3-section {
float: left;
}