JSFiddle - React, Tailwind, and code Playground

HTML

<div class="seta-que-mexe">
    <a href="#maisconteudo" id="seta">\/</a>
		</div>

CSS

.seta-que-mexe {
    border: 1px #6EBE45 solid;
	width: 142px;
	height: 142px;
    text-align: center;
}
.seta-que-mexe a { display: block; }

JavaScript

//======================================================
// Efeito seta que mexe
var imgSETABAIXO = $('#seta');
$(function() {
   function setaShake() {
      if (imgSETABAIXO.css('display') != 'none') {
          imgSETABAIXO.animate({"padding":"30px 0"},600).animate({"padding":"24px 0"},400);
          setTimeout(setaShake(),1500);
      }
   }
   setaShake();
});