JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://www.jacklmoore.com/colorbox/colorbox/jquery.colorbox.js"></script>
<script type="text/javascript" src="http://cherne.net/brian/resources/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript">
$(function() {
    $(".popup").mouseleave(function() {
        $(this).colorbox({
            inline: true,
            scrolling:false,
            open:true
        })
    }, function(){});
});
</script>
<style>

</style>
<body style="text-align:center; padding-top:25%">
<a class="popup" href="#popup1">Hover to open</a>
<div style="display:none">
    <img id="popup1" src="http://images.picturesdepot.com/photo/s/scenery_wallpaper,_wallpaper-209423.jpg">
</div>
</body>
</head>