JSFiddle - React, Tailwind, and code Playground

HTML

<div class="layout">
   <div class="col1">
			<a href="#"><br>&larr; WORK</a>
    </div>

CSS

.col1 {
  text-align:left;
	left: 0; /* Положение левого края */
	right: 50%; /* Положение правого края */
	margin-top:13%;
	font-family: AGHelveticaCyr, 'AGHelveticaCyr';
  font-size: 1.5vw;
	color:#0066cc;
}

JavaScript

$(document).ready(function(){
$(".col1 > a").hover(function(){
    $(".col1").css({background:'url(http://www.newportlibraryri.org/npl/wp-content/uploads/2013/06/Grass-Border1-200x100.gif)  no-repeat', height: '5.5vw'});
}, function(){
    $(".col1").css({background:'none'});
    
});
});