JSFiddle - React, Tailwind, and code Playground

by Julien Etienne

HTML

<div class="row" >
                    <div class="col-sm-4 col-md-4 ol-lg-4" id="features_3_content_left">
                        <div class="feature" id="FH_Blurb">
                            <h4>Fizz+Hummer</h4>
                            <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum.
                            </p>
                        </div>
                    </div>
                    <div class="col-sm-4 col-md-4 ol-lg-4">
                        <div class="features_3_content_center">
                            <img src="http://i.kinja-img.com/gawker-media/image/upload/s--15cV9O65--/c_fit,fl_progressive,q_80,w_320/18iyepnbpa8qpjpg.jpg" class="img-responsive" id="features3_FH_image" alt="img">
                            <img src="http://webdesignledger.com/wp-content/uploads/2012/11/06-inkscape-illustrator-vector-graphics-software.jpg" class="img-responsive" id="features3_HDS_image" alt="img">
                        </div>
                    </div>
                    <div class="col-sm-4 col-md-4 ol-lg-4" id="features_3_content_right">
                        <div class="feature" id="HDS_Blurb">
                            <div>
                            <h4 class="we_make_games_HDS_text">Human Delivery Service</h4>
                            <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum.
                            </p>
                            </div>
                        </div>
                 </div>
</div>

CSS

img{
    width: 100px;
    height: 100px;
    
}

JavaScript

$('#features3_FH_image, #features3_HDS_image').hide();           

            $('#FH_Blurb').hover(function() {
              $('#features3_FH_image').toggle();
            });

            $('#HDS_Blurb').hover(function() {
              $('#features3_HDS_image').toggle();
            });