JSFiddle - React, Tailwind, and code Playground

by Ayadi Baha Eddine

HTML

<div class="container">
    <img src="https://cdn4.iconfinder.com/data/icons/search-engine-optimization/512/eye_looking_vision_watching_flat_icon_symbol-512.png" alt="" />
</div>

CSS

.container{
    background-image: url('http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg');
    background-size:cover;
    height:100%;
    width:100%;
    position:absolute;
}
img{
    position:relative;
    width:100px;
    height:100px;
    bottom:-70%;
    right:-80%;
}
img:hover{
    cursor:pointer;
}

JavaScript

$(document).ready(function(){
    $('.container img').click(function(){
        console.log('it worked!');
    });
});