<div class="kapsayici">
  <img src="https://66.media.tumblr.com/f19901f50b79604839ca761cd6d74748/tumblr_o65rohhkQL1qho82wo1_1280.jpg" alt="">
  <div class="ardalan-resmi"></div>
  <iframe src="https://www.youtube.com/embed/kCpfrNWnauI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

.kapsayici {
  width: 800px;
  max-width: 100%;
  margin-inline: auto;
  resize: horizontal;
  overflow: hidden;
  padding: 20px;
  background-color: lightblue;
}

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

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