I'm using a combination of hard-coding (top div) and content blocks (bottom div) on my page. When they render, there is a space between them (see image). I would like them to just directly stack on top of each other. Does anyone have any pointers? Code below. In this image I've shared, the red rectangle shows that there is a stripe of non-light grey (top div) and non-white (bottom div) and I want to get rid of that.
<div class="cta-primary" style="background-image: url('https://image.email.edgepark.com/lib/fe6915707165057f711d/m/7/38ff2d91-174d-4090-84d0-b4662ac3b7f2.png'); background-size: 300px; background-position: right; background-color: #e6e6e6; margin-bottom: 0px !important; "> <h1 style="font-weight:300;"> Get the InPen™ through Insurance </h1> <h3 style="font-weight: 300;"> Edgepark has the expertise to help you get an <br> InPen™ Smart Insulin Pen through insurance. </h3> </div> <div class="layout layout-canvas-g" style="padding-top: 0px !important; margin-top: 0px !important"> <div class="section"> <div class="columns col1"> <div data-type="slot" data-key="col1"> </div> </div> </div> </div>