Clipboard Landing Page with CSS Grid & Flexbox

I had issues getting the .SVG's to change colour on :hover

My solution was to specify 'svg path' i.e

svg path:hover { fill: var(--Strong-Cyan); }

I had issues getting this to work on Tablet sized devices.

My solution was to add a media query for tablets:

@media only screen and (min-width: 481px) and (max-width: 820px) { }

I wasn't sure exactly how to use correct semantic HTML.

Any feedback on this would be appreciated

Thanks!