Is there a CSS property to prevent responsive background image behavior?
On larger screens, my background image looks like this:
https://i.sstatic.net/jtaEI.png
But when I resize the screen for smaller screens, I want the image to be automatically cropped. Is there a CSS property that can achieve this?
https://i.sstatic.net/XIJhg.png
This is my current code:
.bg {
background-image: url(assets/images/bg.png,
background-repeat: no-repeat;
}
<div class="container-full bg">
<div class="container">
<div>My content....</div>
</div>
I am working on a bootstrap project, and the background image is currently responsive. How can I disable this feature?