Пробую верстать макет с figma, столкнулся с такой проблемой, после большой картинки с телефоном, дальше должен идти другой контент с текстом, но как только я вставляю текст, он влезает в пространство картинки и ограничивается каким то блоком h1 из за которого нельзя взаимодействовать с текстом (двигать и тд), вот не могу понять что не так, толи ошибка где то в html, толи в css
<main class="main">
<div class="container">
<div class="main_content">
<div class="main_content_text">
<h1>Turn your data into software.<br>
No coding or design skills needed.
</h1>
<p>Glide lets anyone in your company create powerful custom tools to move <br>
your business forward. Stop waiting on IT and create your app today.</p>
</div>
<div class="main_container">
<div class="main_text_btn">
<a href="#" class="main_btn">Get started for free</a>
<div class="main_man_play_container">
<a href="#"><img src="img/main_man.png" alt="" class="main_man_play"></a>
<a href="#"><img src="img/main_play.png" class="main_play_btn"></a>
</div>
<div class="main_text_man">
<p id="tag_p">Watch Demo</p>
<p>60 seconds</p>
</div>
</div>
<p>No credit card required</p>
</div>
</div>
<div class="main_logo">
<div class="main_big_logo_inner">
<img src="img/IMAGE.png" width="1030" height="464"class="big_logo">
<img src="img/Phone.png" class="phone_logo">
<div class="main_block_completed">
<span>Completed</span>
<img src="img/main_nice.png" class="nice_logo">
</div>
</div>
</div>
<div class="main_footer">
<div class="main_footer_content">
<div class="main_info_bottom_text">
<h1>Create custom apps for any <br>
workflow with zero coding</h1>
<p>Transforming your spreadsheet data into powerful Glide apps is <br>
remarkably easy. Save time with hundreds of pre-built templates and <br>
quickly customize them to match your needs.
</p>
</div>
</div>
</div>
</div>
</main>