Add image to hero/banner module

[gtorres-90]

I'm trying to add a hero image to my LP banner/hero. I had hubspot setup LPs based on my website but would like to add an image after the fact. 

I tried adding to the banner module with no success. Can someone help? 

this is the template in use: https://info.appsembler.com/webinar-dos-and-dont-online-software-training

Attached is a screenshot of the backend. 

[Adesignl]

Try this

Add an inline background image to the `.banner-area` likre this:

<div class="banner-area" style="background-image: url(https://placeimg.com/1000/480/animals);">
  <div class="page-center">
    <div class="banner-content">
      STUFF IN BANNER
    </div>
  </div>
</div>

Then change the css class .banner-image to read as follows

.banner-area {
    background-color: #f6f6f6;
    transition: all .3s ease-in-out;
    position: relative;
    border-bottom: .1rem solid #ddd;
    background-repeat: no-repeat;
    background-size: cover;
}

Keep in mind it will change every page using that template.

[gtorres-90]

Actually, I see what you did. 

I'd actually like to just add one stand alone image on the right (cover of my ebook, speaker for my webinar) to the Right side of my hero like this example: 

[gtorres-90]

Thank you!! 

Should I include that <div> code before or after the {% endif %}