Как мне сделать такую ​​анимацию? ⇐ Html

[Anonymous]

У меня есть этот раздел, как на видео, и мне нужна вот такая анимация — как плавно менять цвета, как на видео?
Цвета три:

• Код: Выделить всё

  #37a2c6

• Код: Выделить всё

  #333333

• Код: Выделить всё

  #30516e

Помните: я использую position: Absolute для других элементов (например, «+14 тысяч плюсов»).
Вот мой CSS:

Код: Выделить всё

.home-page .hero-section.slide {
position: relative;
width: 100%;
height: 500px;
background: linear-gradient(to right, #30516e 0%, #37a2c6 50%, #333333 100%);
margin-top: 130px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
overflow: visible;
}

Я использую Bootstrap 5 и jQuery.
Вот короткое видео, показывающее проблему: ссылка на Google Диск>

Подробнее здесь: https://stackoverflow.com/questions/798 ... -like-this