Добрый день, подскажите пожалуйста как разместить рисунок как на изображении?
Не получается разместить картинку как на рисунке мой код https://jsfiddle.net/duhocvyk/
.feinman {
position: relative;
min-height: 790px;
padding-top: 100px;
background-color: #f2f2f2;
}
.feiman_column {
position: relative;
margin-bottom: 100px;
margin: 0 auto;
}
.feiman_title {
margin: 0 auto;
margin-bottom: 70px;
width: 648px;
line-height: 1.15;
font-size: 120px;
font-weight: bold;
z-index: 2;
}
.feiman_title_j {
margin-left: 79px;
}
.feiman_subtitle {
display: flex;
align-items: center;
justify-content: center;
margin-top: 70px;
line-height: 51px;
font-size: 36px;
font-weight: normal;
z-index: 2;
}
.feiman_link {
position: absolute;
top: 50%;
right: 48px;
line-height: 51px;
font-size: 36px;
font-weight: normal;
text-decoration: none
}
.feiman_img {
width: 867px;
height: 637px;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
}
<section class="feinman ">
<div class="feiman_column">
<h2 class="feiman_title"><span class="feiman_title_j">Метод</span> Феймана </h2>
<h4 class="feiman_subtitle">Выучить и не забыть. </h4>
</div>
<a class="feiman_link" href="https://naruto.wiki/Заглавная_страница">Подробнее →</a >
<img class="feiman_img" src="imag/feynman.png" alt="Фейман"></img>
</section>
