[Support request] Element Hook: Full Width Container

Hi,

I have a hook showing right below the woocommerce product list:

<div id="after-products" style="margin-bottom: 40px; margin-top: -30px; text-align:center; background-color:#731f73;">
	<img src="">
</div>

How can I make this div full-width, but leave the rest of my page as it is?

I tried the code below, but this one makes all elements in the page full-width:

body .grid-container {
      max-width: 100%;
}

Thanks.