Animação não funciona

Não tem jeito, já revisei o codígo diversas vezes, já até copiei códigos de soluções anteriores no fórum e nada.

<script>
       tailwind.config = {
           theme: {
               extend: {
                   colors: {
                       azul: {
                        claro: '#C5DFFF',
                        escuro: '#061E3C',
                        hover: '#1057B0'
                       },
                   },
                   fontFamily: {
                       inter: ['Inter', 'sans-serif']
                   },
                   keyframes: {
                       sino_kf: {
                           '0%, 100%': {
                               transform:'rotate(-10deg)'
                           },
                           '50%': {
                               transform:'rotate(10deg)'
                           }
                       }
                   },
                   animation: {
                       sino: 'sino__kf 0.31s ease-in-out infinite'
                   } 
               }
           }
       }
   </script>