.bottom-banner {
   /* Set the height and width as needed, or use 100% if it should fill the screen or its container */
    height: 500px; /* Example height */
    width: 100%; /* Example width, this makes it take the full width of its container */
    
    /* Background image styling */
    background-image: url('https://39507543.fs1.hubspotusercontent-na1.net/hubfs/39507543/schneller-footer-image.webp');
    background-position: center bottom; /* Centers the image horizontally at the bottom */
    background-size: cover; /* Ensures the image covers the full space of the div without being stretched */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
@media (max-width: 768px) {
    .bottom-banner {
    height: 230px;
  }