I have two sections on my website - About Us and Contact Us. The background property for the Contact Us section is functioning properly. However, I am now trying to add a background image to the parent wrappers of both divs so that the background image can be seen above both sections. I'm currently facing an issue preventing me from displaying the background image.
index.html:
<div class="aboutus-contact-us-wrapper" >
<div class="about-us-section">
// content here
</div>
<div class="contact-us">
// content here
</div>
</div>
style.css:
.aboutus-contact-us-wrapper {
width: 100%;
position: relative;
background-image: url('./images/ourboardvector.png');
background-size: contain;
background-position: right;
}
.contact-us {
width: 100%;
height: 100vh;
background-color: #181f2b;
color: #ffffff;
border-bottom: 20px;
position: relative;
}
.about-us-section {
width: 100%;
height: 100vh;
background-color: #F1F1F1;
font-family: 'Lato' !important;
position: relative;
}