Add Animated Background to Any Section

1. Add a class to target section: bpers-animated-section
2. Add this custom css:

.bpers-animated-section {
    background-image: linear-gradient(45deg,  #4C96FF, #00BFFF, #351F72, #0571BA, #361F73);
    background-size: 800% 800%; /* Increase background size for smoother transition */
    animation: gradientAnimation 50s linear infinite; /* Adjust animation duration to slow down */
    color: white; /* Ensure readability of white text */
}
@keyframes gradientAnimation {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

Hurrah – Done