Section 1 content
Section 2 content
Section 3 content
<div id="horizontal-scroll-container">
  <section class="horizontal-section">Section 1 content</section>
  <section class="horizontal-section">Section 2 content</section>
  <section class="horizontal-section">Section 3 content</section>
  <!-- Add more sections as needed -->
</div>
Section 1 content
Section 2 content
Section 3 content
Section 1 content
Section 2 content
Section 3 content
<div id="horizontal-scroll-container">
  <section class="horizontal-section">Section 1 content</section>
  <section class="horizontal-section">Section 2 content</section>
  <section class="horizontal-section">Section 3 content</section>
  <!-- Add more sections as needed -->
</div>
Section 1 content
Section 2 content
Section 3 content
<div id="horizontal-scroll-container">
  <section class="horizontal-section">Section 1 content</section>
  <section class="horizontal-section">Section 2 content</section>
  <section class="horizontal-section">Section 3 content</section>
  <!-- Add more sections as needed -->
</div>