Cześć, mam takie kody:
<section class="subhero pt-4">
<div class="container">
<div class="row">
<div class="col-md-6 laptops_image pr-md-5">
<img src="img/laptops.png" alt="" class="img-fluid">
</div>
<div class="col-md-6 position-relative">
<div class="subhero_text position-absolute pl-md-5">
<h2>Lorem ipsum</h2>
<div class="rectangle_orange"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam elementum lectus enim, in eleifend ipsum varius ut. </p>
</div>
</div>
</div>
</div>
</section>
i CSS:
.subhero {
background: #EFA99F;
}
.subhero .subhero_text h2 {
font-weight: 600;
font-size: 3.4rem;
color: #021483;
}
.subhero .subhero_text p {
font-weight: 500;
font-size: 1.5rem;
color: #021483;
}
.subhero .subhero_text {
left: 0;
top: 30%;
}
.laptops_image img {
width: 100%;
height: 100%;
}
Problem pojawia się, gdy testuje stronę na urządzenia mobilne, wtedy tekst z subhero "wychodzi" z containera i się nie pokazuje (nie umiem dobrze opisać problemu, więc zrobiłem rysunek poglądowy: https://imgur.com/a/XK7dicv). Z góry dziękuję za pomoc.