@-webkit-keyframes pulsante {
    from {
      opacity: 1;
      width: 100%;
      height: 100%;
    }
    to {
      opacity: 0;
      width: 110%;
      height: 140%;
    }
  }
  @keyframes pulsante {
    from {
      opacity: 1;
      width: 100%;
      height: 100%;
    }
    to {
      opacity: 0;
      width: 110%;
      height: 140%;
    }
  }
 @media(max-width:600px){
    @-webkit-keyframes pulsante {
        from {
          opacity: 1;
          width: 100%;
          height: 100%;
        }
        to {
          opacity: 0;
          width: 110%;
          height: 140%;
        }
      }
      @keyframes pulsante {
        from {
          opacity: 1;
          width: 100%;
          height: 100%;
        }
        to {
          opacity: 0;
          width: 120%;
          height: 140%;
        }
      }
 }
  
  .art.pulsante {
    
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 1;
   
  }
 
  
  .art.pulsante:before {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulsante;
    animation-name: pulsante;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    content: "";
    background: #fdec02;
    position: absolute;
    z-index: -1;
    
  }