JSFiddle - React, Tailwind, and code Playground

HTML

<div class="e q"></div>

CSS

.q {
    height: 400px;
    background: transparent url("http://cdn.fishki.net/upload/post/201410/15/1315768/1_123.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
    width: 12.5%;
    left: 0%;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    }

JavaScript

$('.q').hover(function()
{
    document.querySelector('.q').classList.add('q2');
    document.querySelector('.w').classList.add('w2');
    $('.q2').css('width', '30%');
});