CSS Bilenler Buyrun Burdan :)

hocam ben tasarımdaki çizgi ve tırnak işaretlerini ps veya figma ile bölerdim. sonra şu şekilde bir yapı ayarlardım;

<div class="baslik-container">
  <h1>Başlık</h1>
  <div class="sol-ust-tirnak">görsel</div>
  <div class="sag-ust-cizgi">görsel</div>
  <div class="sol-alt-cizgi">görsel</div>
  <div class="sag-alt-tirnak">görsel</div>
</div>

.baslik-container {
  position: relative;
  /*istenilen padding değeri */
}
.sol-ust-tirnak {
  position: absolute;
  left: 0;
  top: 0;
}

.sag-ust-cizgi {
  position: absolute;
  right: 0;
  top: 0;
}

.sol-alt-cizgi {
  position: absolute;
  left: 0;
  bottom: 0;
}

.sag-alt-tirnak {
  position: absolute;
  right: 0;
  bottom: 0;
}