title: Horizontal Background Scrolling Images
body: <p>I'm trying to find a way to get my backgrounds to scroll horizontally similar to this website (scroll down on the homepage to &quot;our services&quot;):</p>
  <p><a href="https://www.lasmarthome.com/" rel="nofollow noreferrer">https://www.lasmarthome.com/</a></p>
  <p>I'm using Oxygen builder on Wordpress.</p>
  <p>Here's what I have so far.</p>
  <pre><code>&lt;div id=&quot;div_block-89-2&quot; class=&quot;ct-div-block &quot;&gt;&lt;h1 id=&quot;headline-90-2&quot; class=&quot;ct-headline&quot;&gt;Fire Sprinkler Installation&lt;/h1&gt;&lt;/div&gt;
  </code></pre>
  <pre><code>body
  {
      background: #eee; /* For visibility of elements. */
  }
  
  div#div_block-89-2.ct-div-block { 
      align-items: flex-start;
      background-image: url(&quot;https://fireguardians.com/wp-content/uploads/2021/10/xUntitled-design-82.png.pagespeed.ic.Mko3_9o9wR.webp&quot;);
      background-size: cover;
      box-sizing: inherit;
      color: #404040;
      display: flex;
      flex-flow: column nowrap;
      font-family: &quot;Roboto Slab&quot;;
      height: 330px;
      justify-content: center;
      line-height: 25.6px;
      text-align: center;
      width: 100%;
  }
  
  h1#headline-90-2.ct-headline { 
      box-sizing: inherit;
      color: #ffffff;
      font-family: &quot;Roboto Slab&quot;;
      font-size: 55px;
      font-weight: 700;
      line-height: 1;
      margin: 0px;
      margin-left: 150px;
      text-align: center;
  }
  
  @media not all, not all { 
      div#div_block-89-2.ct-div-block { 
          max-width: 100%;
          min-height: 1px;
      }
  
      h1#headline-90-2.ct-headline { 
          max-width: 100%;
          min-height: 1px;
      }
  
  }
  
  </code></pre>
  <p><a href="https://codepen.io/purethor/pen/ZEJQmje" rel="nofollow noreferrer">https://codepen.io/purethor/pen/ZEJQmje</a></p>
  <p>Thank you!</p>