My CSS code at the root of the file is set up to check the issue I'm about to explain:
.why-choose-us-image {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.why-choose-us-image.bg1 {
background-image: url(assets/images/bigdog.jpg);
}
I am then inserting that div on a background like this:
<div class="why-choose-us-image bg1">
</div>
However, even though the image is there and appears when inserted as an image tag, it does not show up in the background. I've tried styling the div with "background-image" but still no luck. It's quite baffling.
Can anyone spot what I may be doing wrong in my code? Thank you for your help.