Easy Bank Landing page with CSS grid and flexbox

My CSS is disorderly, please comment on how I can make it more readable. I know I can reduce the amount of css I write by adding styles that would apply to multiple elements, but not exactly sure which styles to group together.

Also any help on how to change the color of an svg via image tag or better yet, how to use an actual svg tag would be nice. (If you notice the svg of the logo in the bottom left is unreadable and the svgs of the sns icons do not change when hovered on).

Cheers!