Animated changing color background on image

this seems to be only a png file:
you can do it with pseudo content.
insert an image from alb elements and give it a custom class ( i took : animated-button )

then we create the before content:

.animated-button .avia_image::before {
    content: "";
    background-color: rgba(255,255,255,1);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    animation: pulse 3s ease-in-out 0s infinite
}

to have not the overlay effect on enfold images and to see the scale effect :

.animated-button .image-overlay {
    display: none !important;
}

.animated-button .avia_image {
    overflow: visible !important;
}

now the animation keyframe for it:

@keyframes pulse {
  0% {
      transform: scale(1.05);
      opacity: 1
  }
  50% {
      transform: scale(1.25);
      opacity: 0.3
  }
  100% {
      transform: scale(1.05);
      opacity: 1
  }
}

see result : https://webers-testseite.de/accordion/
you can change it to your needs?
In my case it is a dark background image so – it is a white pulsating thing.