hello, I am using Bootstrap 5 and an SVG file for a background image. It works well to some extent such the everything shrinks to fit when I resize the browser. Sadly the background image crops itself instead of resizing. I am using
.fullbg {
background: url(/thin2\ text.svg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
I got this code from css tricks. While it works, it would have been nice if the background image resizes itself instead of hiding/cropping itself so that a big portion of it is not visible while using mobile screen size. Thanks.