Resize a div element to its background image size

Question

Is it possible to make a

adapt to its background image? I mean to maintain the proportions width and height.

Clarification:

Answer 1

Yes. We can make background image adapt to its div, like make it responsive too.

Tips for a responsive background image: background-size:cover
-set bg image to background-size cover
-in css the padding set to percentage both top and bottom
-make the bg image no repeat

see this link: https://jsfiddle.net/beljems/dtxLjmdv/