JSFiddle - React, Tailwind, and code Playground

by alfredopacino

HTML

<div id="first" class="hover">
LOREM
</div>
<div id="second"class="hover">
IPSUM
</div>
<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 302.5 636.1 240" enable-background="new 0 302.5 636.1 240" xml:space="preserve">
<path fill="none" stroke="#878787" stroke-miterlimit="10" d="M38.4,11.6c35.9,28.7-23.3,298.5-18.1,411.2"/>

</svg>

CSS

#first{
  width:500px;
  height:500px;
  background:#D4ADAD
}#second{
  width:500px;
  height:500px;
  background:#AED7F5
}
.hover{float:left}
.hover:hover{
  background:#9C9C9C
}
#Livello_1{
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 20px;
    height: 1383px;
    }