Need help quick with a Overlay code!

I`m trying to get a text box to overlay my top banner - i have a code embeded on the site for making my sections slanted

is there any way to get this section to float over with drop shadow and not beeing slanted - here is a picture of how it looks 

This is the code i`m using.

[data-section-id="5f1061d0b4db654f5c32cd66"] {
    width: 80%;
    position: absolute;
    min-height: initial!important;
    z-index: 30;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*&+section {
        padding-top: 40px;
    }*/
    .content-wrapper {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    @media screen and (max-width: 767px) {
        position: relative;
        min-height: initial!important;
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 0px;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, -15%);
    }
}

@tuanphan

Can you share link to your site? We can check easier.

@tuanphan

https://www.elevated.no/

password: berman123