Pure CSS Waterfall/Masonry responsive layout

this pen includes some interesting tricks i found on the internet:

• division that return a <number> value: tan(atan2(<length>,<length>))
• viewport unit to px via custom property
• using a grid layout and setting the row span of items to accomplish a waterfall layout