<h3>background-position: 10% 20%;</h3>
<div id="container">
  <div id="block"></div>
</div>
@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,400i,700");

/* Стили, относящиеся к данному примеру */

#block {
  width: 100%;
  height: 100%;
  background-image: url(https://images.unsplash.com/photo-1590669257296-883ea9bb9f1f?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 10% 20%;
  background-color: #ff00ff22
}

/* Остальные стили */

body {
  font-family: Inconsolata;
  background-color: #f5f5f5;
}

#container {
  background-image: url('https://siterost.net/uploads/temp/d373aaa2bf5b49b2c508f24ee70691c3.png');
  width: 1000px;
  height: 1000px;
}

h3 {
  font-size: 24px;
  font-size: 20px;
  font-weight: bold;
  color: #39a1f4;
  padding: 16px;
  background: rgba(255,255,255,.9);
 }

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  margin: 16px
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js