JSFiddle - React, Tailwind, and code Playground

HTML

<section id="content">         
            <div class="container_16">
                <div class="wrapper">
                    <div class="grid_16">
                        <h2 class="padd-2">our portfolio</h2>
                    </div>
                    <div class="grid_16">
                       <div class="main-cycle">
                           <a id="prev2"></a>
                           <a id="next2"></a>
                           <div class="cycle-div">
                              <div>
                                  <div class="grid_8 marg-left-0">
                                      <a href="foto/pauline/euVuOJ9Sch0.jpg" class="lightbox-image bot-1" data-gal="prettyPhoto[2]"><img src="foto/pauline/01in.jpg" alt=""></a>
                                  </div>
                                  <div class="grid_8 marg-right-0">
                                      <a href="foto/pauline/01inf-333x500.jpg" class="lightbox-image bot-1" data-gal="prettyPhoto[2]"></a>                                
                                            </div>
                                  <div class="clear"></div>
                                  <div class="grid_8 marg-left-0">
                                      <a href="foto/pauline/un18bplQ_68.jpg" class="lightbox-image bot-1" data-gal="prettyPhoto[2]"></a>
                                  </div>
                                  <div class="grid_8 marg-right-0">
                                      <a href="foto/pauline/aAj04qjrjuo.jpg" class="lightbox-image bot-1" data-gal="prettyPhoto[2]"></a>
                                  </div>
<div class="grid_8 marg-left-0">
                                      <a href="foto/pauline/YPM-P4L8xGU.jpg" class="lightbox-image bot-1" data-gal="prettyPhoto[2]"></a>
                                  </div>
<div class="grid_8 marg-right-0">
                                      <a href="foto/pauline/YwZU9m30BMU.jpg" class="lightbox-image bot-1"...