При наведении на картинку менялись цвета у span
 

Есть сайт, https://xn----7sbbb7bbx7alc6h.xn--p1ai/
На нем раздел (прикрепляю во пложении)
Есть скрипт - цикл смены цвета js span элементов.

Он работает, но есть вопрос по нему:

Как сделать чтоб при наведении на картинку .portfolio__bl менялись цвета у span (.portfolio__bl__title span).

<script>
		
		let box = document.querySelectorAll('.portfolio__bl__title span');
		let colors = ['#8d67c3', '#f376a2', '#4263a8', '#19b4ee'];

		for(let i = 0; i < box.length; i++) {
				box[i].dataset.current = 0;
				box[i].onmouseout = function() {
						this.style.backgroundColor = '';
				}
				box[i].addEventListener('mouseover', function(event) {
						this.style.backgroundColor = colors[this.dataset.current];
						this.dataset.current++;
						if (this.dataset.current >= colors.length) {
								this.dataset.current = 0;
						}
				});
}
			</script>

Sanny333,
html минимальный сделайте.

некорректный ответ.

воля ваша, ждите телепатов.