Digital Collectible Preview

Getting the hover overlay for the image element was difficult because I tried giving the overlay 'opacity: 0.5' but that affected the 'eye' icon's opacity as well. The icon's opacity couldn't be changed after the fact. In order to address that issue, I had to change the overlay's background color from hsl() to rgba(). This required looking up how to do a conversion from hsl() to rgba() and setting the result to that color and picking an appropriate alpha value.

I was also unclear as to what colour to use for the card element's drop-shadow color, as it wasn't stated in the style guide. As such, I just guessed the value. The sizing of the drop-shadow was also estimated.