Hello,
The solution looks nice and neat, but the image is not visible for some reason. It might be a good idea reviewing that.
Containing children by selectors, instead of selecting the identifiers, though nice, might hinder remembering which styling is which in the long term. So you could use more ids and classes in your HTML file, to leverage your CSS code.
Also consider a standard font-size in which you could derive your rems. In this project, it was roughly 16px on desktop screens and 14px on mobile.
0