JSFiddle - React, Tailwind, and code Playground
HTML
<div class="prev-slide"></div>
CSS
.prev-slide {
opacity:.9;
width: 48px;
height: 195px;
position: absolute;
top: 37px;
left: 10px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
z-index: 1;
background:url(http://thoughtrender.com/music_beta/images/arrow_left.svg) center center no-repeat;
background-repeat:no-repeat;
background-size:cover;
background-position:1px;
-webkit-transition: .7s ease-in-out;
-moz-transition: .7s ease-in-out;
-ms-transition: .7s ease-in-out;
-o-transition: .7s ease-in-out;
transition: .7s ease-in-out;
outline:none;
}
.prev-slide.status-enabled:hover {
background-position:-190px;
}
JavaScript
var prevSlide = $('.prev-slide');
prevSlide.addClass('status-enabled');