JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
        
<script type="text/javascript" src="https://res.cloudinary.com/dewn0wy2s/raw/upload/v1592669623/jquery.threesixty_envo5d.js"></script>


 <table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <th>
            Mouse Click
        </th>
        <th>
            Mouse Move
        </th>
        <th>
            Automatic
        </th>
    </tr>
    <tr>
        <td style="width:300px; height:300px">
            <img alt="" src="" id="product1"  />
        </td>
        <td style="width:300px; height:300px">
            <img alt="" src="" id="product2" />
        </td>
        <td style="width:300px; height:300px">
            <img alt="" src="" id="product3" />
        </td>
    </tr>
</table>
    <div id="dvImages" style="display: none" style="width:300px; height:300px">
             
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/1.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/2.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/3.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/4.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/5.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/6.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/7.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/8.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/10.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/11.png">
              <img src="https://res.cloudinary.com/dewn0wy2s/image/upload/v1592668487/360/12.png">
              <img...