change background on size change code example
Example 1: background image size css
#example1 {
background: url(mountain.jpg);
background-repeat: no-repeat;
background-size: auto;
}
#example2 {
background: url(mountain.jpg);
background-repeat: no-repeat;
background-size: 300px 100px;
}
Example 2: html background size fit text
<div class="myDiv">
<div class="bgImage">
<h1>My Image</h1>
</div>
</div>
<style>
.myDiv {
text-align: center;
}
.myDiv h1 {
display: inline-block;
font-size: 3.5em;
border-radius: 20px;
background: rgba(43, 166, 203, 0.5);
padding: 0.5em 0.2em 0.8em 0.5em;
}
</style>