<div class="form-bg"><!-- Этот блок надо растянуть на всю ширину и высоту экрана -->
<div class="form-close"></div> <!-- Этот блок надо растянуть на всю ширину и высоту родителя. Потом при клике
закрывать окно с формой. Якобы закрытие при нажатии на пустое простраство -->
<div class="form"></div> <!-- Тут внутренности формы -->
</div><div class="roditel">
<div class="div1"></div>
<div class="div2"></div>
</div>.roditel{
position: relative;
width: 100%;
}
.div1, .div2{
width: 100%;
height: 200px;
}
.div2{
position: absolute;
top: 15px; // насколько отступить сверху
left: 15px; // насколько отступить слева
z-index: 100;
}section{
position:relative;
padding: 8vh 10vw;
width: 100%;
height: 40vw;
}
img.bg{
possition: absolute;
width: 100%;
top: 0;
left: 0;
}
.content-section{
z-index: 100;
}<?php get_header();?>
<?php woocommerce_content(); ?>
<?php get_footer();?>