baisc page slider basic struture 
________________________________


<div class="highlighted-content-block reverse">
  <div class="content-wrapper">

    <!-- Road Safety Slider -->
    <div class="road-safety-road-safety-slider-right">
      <div class="road-safety-slider" data-once="custom-slider">
        <div class="road-safety-slides">

          <img src="/sites/default/files/images/traffic-training-park/
               alt=""
              
               loading="lazy">

          <img src="/sites/default/files/images/traffic-training-park/"
               alt=""
               
               loading="lazy">

          <img src="/sites/default/files/images/traffic-training-park/"
               alt=""
              
               loading="lazy">

          <img src="/sites/default/files/images/traffic-training-park/"
               alt=""
      
               loading="lazy">

          <img src="/sites/default/files/images/traffic-training-park/"
               alt=""
            
               loading="lazy">

        </div>
      </div>

      <p>
        <button class="road-safety-slider-btn prev">❮</button>
        <button class="road-safety-slider-btn next">❯</button>
      </p>
    </div>

    <!-- Content -->
    <div class="content-left">
      <h3>.. </h3>

      <ul class="content-list">
        
  <li>..</li>
  <li>..</li>
  <li>..</li>
      </ul>
    </div>

  </div>
</div>