JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left">
            <div class="arrow-left"></div>
            <div class="arrow-left-bottom-left"> </div>                    
            <div class="arrow-left-bottom-right"></div>
        </div>

CSS

@-webkit-keyframes left-wing-move  {
    50% {
        -webkit-transform: perspective(300px) rotate3d(-1, 1, 0, -90deg);
    }
    100% {
        -webkit-transform: perspective(300px) rotate3d(-1, 1, 0, -170deg);
    }
}
@-moz-keyframes left-wing-move  {
    50% {
        z-index: 10;        
      
        -moz-transform: rotate3d(-1, 1, 0, -90deg);
    }
    100% {
        z-index: 10;    
   
        -moz-transform: rotate3d(-1, 1, 0, -170deg);
    }
}
@-o-keyframes left-wing-move  {
    50% {
        -o-transform: perspective(300) rotate3d(-1, 1, 0, -90deg);
    }
    100% {
        -o-transform: perspective(300) rotate3d(-1, 1, 0, -170deg);
    }
}
@keyframes left-wing-move  {
    50% {
        transform: perspective(300) rotate3d(-1, 1, 0, -90deg);
    }
    100% {
        transform: perspective(300) rotate3d(-1, 1, 0, -170deg);
    }
}

.left {
    height: 121px;
    width: 70px;
    position: relative;
    float:left;   
    -webkit-animation: left-full-move 2s 1 4s linear; /* Safari 5, Chrome */
       -moz-animation: left-full-move 2s 1 4s linear; /* Firefox 5-15 */
         -o-animation: left-full-move 2s 1 4s linear; /* Opera 12+ */
            animation: left-full-move 2s 1 4s linear; /* Safari 5, Chrome, Firefox 16+ */ 
}

.arrow-left {
    position: absolute;
    width: 0; 
    height: 0; 
    border-right: 70px solid transparent;
    border-top: 70px solid rgba(150,150, 150, 1.0);
  
    -webkit-animation: left-wing-move 3s 1 linear; /* Safari 5, Chrome */
       -moz-animation: left-wing-move 3s 1 linear; /* Firefox 5-15 */
         -o-animation: left-wing-move 3s 1 linear; /* Opera 12+ */
            animation: left-wing-move 3s 1 linear; /* Safari 5, Chrome, Firefox 16+ */    

    z-index: 5;
}

.arrow-left-bottom-right {
   position: absolute;
    right: 0px;
    bottom: 0px;
    border-right: 21px solid rgba(100,100, 100, 1.0);
    border-left: 21px solid transparent;
    border-top: 21px solid transparent;
    height: 100px;
    width:...