JSFiddle - React, Tailwind, and code Playground

HTML

<p class="stepNode" aria-disabled="true">
    <p class="stepLabel">
       <div> New Step</div>
     </p>
</p>

CSS

.stepNode:before {
    content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	z-index: -1;
	background: url("http://cdn.sheknows.com/articles/2013/04/Puppy_2.jpg") 40% 50% no-repeat;
   -webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s
	-o-transition: all 1s;
	transition: all 1s;
}

.transform:before {
    -webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

JavaScript

$(document).ready(function(){
    // Execute this to rotate background
    $(".stepNode").addClass("transform");
})