[Hover animation]

Thank you very much!

[Hover animation]

Hi! I'm kinda new in the whole javascript thing, and I need a little help. 

I want to make a hover animation, when I hover on the "works" text, I want my image to disappear, but after that it doesn't come back

The text class is ".works" and the image is ".col-one". I found this code in the forum, but I can't figure out the reverse function. 

 

 

let box = document.querySelector(".works");

box.addEventListener(

"mouseover", () => {

let droop = document.querySelectorAll(".col-one")

 

let droopy = gsap.utils.toArray(droop);

droopy.forEach(

function(droop){

 

let move = gsap.to(droop, {

opacity: 0,

duration: 1,

ease: "power1.out",})

move.reversed(true);

 

move.play();

 

 

});

});