I'm a beginner to HTML/CSS coding, and I'm trying to design a page where the navigation is a series of stacked photos in a mosaic tiled fashion. I'm trying to get them to align like the squares I've photoshopped below. Is there a simple way to use CSS and "float" to create this effect? I've tried some Javascrip effects but they're all tedious and way too complex, and meant for a big gallery of photos. All I need is the 5 photos for navigation. This seems like such a simple assignment, and it's driving me crazy that I can't figure it out myself.

Thank you for anyone who can help!