JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://kimkellermedia.com/test3/_assets/jquery.quickflip.min.js"></script>
<link rel="stylesheet" href="http://kimkellermedia.com/test3/_css/flip2.css">
<link rel="stylesheet" href="http://kimkellermedia.com/test3/_css/pages.css">
<div class="portfolio">
    <div class="row1">
    
    
<div class="quickFlip">
    <div class="panel1"></div>
    <div class="panel2">Here is some description 1</div>
</div>

<div class="quickFlip">
    <div class="panel1"></div>
    <div class="panel2">Here is some description 2</div>
</div>
    
<div class="quickFlip">
    <div class="panel1"></div>
    <div class="panel2">Here is some description 3</div>
</div>


    </div>
<div class="row2">
       
<div class="quickFlip">
    <div class="panel1"></div>
    <div class="panel2">Here is some description 4</div>
</div>
    
<div class="quickFlip">
    <div class="panel1"></div>
    <div class="panel2">Here is some description 5</div>
</div>


    </div>
</div>

JavaScript

$(document).ready(function() {
    $('.quickFlip').quickFlip().hover(function() {
        $(this).quickFlipper();
    });
});