The body element have a background image.
As soon as new elements are added on the page, the image stretches and I don't want this behaviour.
How do I get this issue fixed.
background-image : url(./image.jpg);
... dynamic elements
you can remove background-size: cover; from your css, because cover property is to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges. So instead of cover try to set background size as px or %.
If want to stretch horizontal and not vertical try the below code
background-size: 100% 50%;
Eg:- background-size:width(px or % or vw) height(px or % or vh)