ericams33

I don't want to have the block overlapping the images. Here's the mockup that I want it to look like:

Hi! Yes please see the site below:

https://vuvuzela-burgundy-8tad.squarespace.com/ 

PW: JMF

Hello!

I have a website where I am trying to float a block over the main banner at the top. I have used the code below. I attached a screenshot of what it looks like. It's getting close but unfortunately there's a lot of empty space beneath the floating block and the next section. In another instance I have larger text and in mobile it goes completely over the banner image at the top. Is there any way to fix this? Thank you! I'm currently helping a client on a trial version so unfortunately I don't have an active link. 

//Home Float Block//
section[data-section-id="6181e6a07af15d314bbf9efc"] {
   background-color: transparent;
   width: 80%;
   position: absolute;
   z-index: 30;
   left: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
}
section[data-section-id="6181e6a07af15d314bbf9efc"] .sqs-block-code {
   padding: 0px;
}