My solution to fix this in Webflow would be to eliminate the interaction you have on the info overlay div. Right now you’re giving the user two ways to close it. Therein lies the conflict. I would only give them ONE way to close it. I would add another little interaction on the button that makes the “i” switch out to an “X” to signify the button will now close the overlay. I’m doing something similar on this flyout menu: http://bluestone.webflow.io/
For the viewer, this makes the “close” action more precise but I think that’s also a benefit because right now a viewer might accidentally click on your overlay div, not intending to close it. Your button currently brings up the pointer finger cursor indicating something clickable vs. the regular cursor when hovering the overlay.