<div class="kapsayici">
  <img src="https://66.media.tumblr.com/f19901f50b79604839ca761cd6d74748/tumblr_o65rohhkQL1qho82wo1_1280.jpg" alt="">
  <div class="ardalan-resmi"></div>
</div>
.kapsayici {
  width: 800px;
  max-width: 100%;
  margin-inline: auto;
  resize: horizontal;
  overflow: hidden;
  padding: 20px;
  background-color: lightblue;
}

img {
  width: 100%;
  height: auto;
}

.ardalan-resmi {
  width: 100%;
  height: 500px;
  background: url('https://66.media.tumblr.com/f19901f50b79604839ca761cd6d74748/tumblr_o65rohhkQL1qho82wo1_1280.jpg');
  background-size: cover;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.