Answers for "background image responsive and text in bootstrap 4"

add background image in bootstrap 5

<div class="has-bg-img bg-purple bg-blend-screen">
  <h4>Background blend mode: Multiply</h4>
  <img class="bg-img" src="...">
</div>

row background image bootstrap 5

<!-- Background image -->
<div class="bg-image"
style="background-image: url('https://mdbcdn.b-cdn.net/img/Photos/Others/images/76.jpg');
      height: 100vh">
</div>
<!-- Background image -->