<div class="first">
<div class="text_block double">
<h2 class="large_block__title double_title">Имя вашего сайта</h2>
<p class="large_block__subtitle double_subtitle">Своё доменное имя, продвигающее твой бизнес,
которым легко делиться в любой соц. сети.</p>
</div>
<div class="image__block image__block_bottom">
<img class="first_double_image " style="transition:0.3s" data-aos="fade-up" src="images/phone-2.png" alt="half-phone">
</div>
</div>
.first_double_image {
object-fit: cover;
position: absolute;
top: -250px;
right: -59px;
height: 1105px;
width: 240px;
}
Мне нужно, что бы изображение выглядело как на первом скриншоте.
А выглядит оно, так , как на втором
overflow-clip-margin помогает, но не работает на других браузерах. Подскажите, какие есть еще варианты решения?