I used HTML, SASS + mobile-first and Vanilla JS

I made the very big mistake to develop the HTML skeleton website to use flexbox instead of grid. For the hover on the 6 cards I don't know how to change opacity without seing the color of the background with the icon. I think I need to remove the z-index and separate the color with icon and the time card instead of nesting elements. For the js part nothing to say.