JSFiddle - React, Tailwind, and code Playground

by WK_of_Angmar

HTML

<div>
<img id="first" src="https://upload.wikimedia.org/wikipedia/en/thumb/7/74/Mozilla_Foundation_logo.svg/220px-Mozilla_Foundation_logo.svg.png"/>
<a href="#"><img src="http://cdn-static.zdnet.com/i/story/60/80/010270/firefox_.jpg" /></a>


</div>

CSS

div {

width:290px;
height:142px;
border:1px solid black;
overflow:hidden;

}

#first {

margin:auto;
padding:0;
position:absolute;
top:21px;
left:24px;
z-index:100

}

JavaScript

$(document).ready(function() {

$("#first").animate({opacity:0.1});

});