JSFiddle - React, Tailwind, and code Playground

by Kheema Pandey

HTML

<div id="back_image_id">
    <a id="hero_btn_id" href="#"></a>
</div>
<div id="top_image_id"></div>

CSS

a#hero_btn_id {
	position: absolute;
	left: 230px;
	top: 35px;
	width: 109px;
	height: 103px;
    background-color: #005500;
    z-index:1;
}

a#hero_btn_id:hover {
	position: absolute;
	left: 230px;
	top: 35px;
	width: 109px;
	height: 103px;
    background-color: #008800;
}

#top_image_id {
    position:absolute;
	background: url("http://www130.lunapic.com/do-not-link-here-use-hosting-instead/139298022454910?8407070372");
    width: 1280px;
    height: 660px;
}

#back_image_id {
    position:absolute;
    background-color: #cccccc;
    width: 1280px;
    height: 660px;
}