Element style not allowed as child of element div in this context for wp theme

Hello community !
Need help to fixing clean markup html thorugh W3C validator and i found few errors, there are difficult for me to fix. If we use any inbuilt theme builder then they bind css inside div for there element like slider,button,row elements.
https://www.qsnapnet.com/snaps/hrh0lh94dbs
Here is my code example

<div class="banner" id="banner-1632557527">
<div class="banner-inner fill">
<div class="banner-bg fill" >
<div class="bg fill bg-fill "></div>
</div>
<div class="banner-layers container">
<div class="text-inner text-left">
<strong>Lorem Ipsum is simply dummy text.</strong>
</div>
</div>
</div>
<style scope="scope">#banner-1632557527 {
padding-top: 480px;
}
#banner-1632557527 .bg.bg-loaded {
background-image: url(../xyz.jpg);
}
#banner-1632557527 .overlay {
background-color: rgba(0, 0, 0, 0.3);
}
</style>
</div>

if someone has an idea please share with me.
Thanks