All solutions

1. How do you recreate the overlay in the example? I tried a multiply blendmode, but couldn't replicate what was shown in the example.

2. Would it have been better to use an <img > and an alt with an overlay div, instead of using the image as the background image for the aside?

3. Other feedback and/or suggestions welcomed :)

How to optimise HTML Structure/CSS? ie. Unnecessary divs, better grouping of elements

Are there better methods to create an overlay animation over an image?

How to reduce repeating styling in CSS, and in-line styling in the HTML?