- I love how you used variables in your css. Overall this turned out really great.
- On the topic of semantic html, I think you used a lot more div elements than normal. To ensure a more sematic approach, try using a structure that kinda tells a story. For example, I had this structure within the body element:
"<article>
<figure>
<img src="" alt="">
<figcaption>bold font here</figcaption>
</figure>
<p>small font here</p>
</article>"
And then from there you can add the classes you want and style them from there.
Great job overall.