How to make background image fit correctly inside a board without losing responsiveness

Question

I have code in which there is class box, i have given backgroundimage to class box box1.

my problem is that the im

Answer 1

If you want your image to cover it's container you can use background-size: cover;,

If you want make sure the whole image is being displayed (but being resized if needed), you can use background-size: contain;

The above two requires explicit width & height in the class box1