Equilibrium

I recommend you use css variables, they help you a lot with the development of your projects and for hover effects like the one in the image you should use <div> elements, they are easier to handle with a position: absolute; something to <div class="image-preview"> inside the image of the eye

</div> and use separate files

I hope it helps you... happy coding 👋