JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="box4">
        <img src="http://lorempixel.com/g/200/200/sports/4" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/200/100/sports/1" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/5" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/1" />
    </div>
    <div class="box9">
        <img src="http://lorempixel.com/300/300/sports/1" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/200/sports/2" />
    </div>
    <div class="box4">
        <img src="http://lorempixel.com/g/200/250/sports/9" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/9" />
    </div>
     <div class="box4">
        <img src="http://lorempixel.com/g/200/200/sports/7" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/8" />
    </div>
     <div class="box4">
        <img src="http://lorempixel.com/g/200/200/sports/3" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/4" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/5" />
    </div>`
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/1" />
    </div>
    <div class="box9">
        <img src="http://lorempixel.com/g/300/300/sports/1" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/2" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/6" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/7" />
    </div>
    <div class="box1">
        <img src="http://lorempixel.com/g/100/100/sports/10" />
    </div>
<div>

CSS

.wrapper
{
    width:400px;
}

.box1
{
    float:left;
    overflow:hidden;
    height:100px;
    width:100px;
}

.box4
{
    float:left;
    overflow:hidden;
    height:200px;
    width:200px;
}

.box9
{
    float:left;
    overflow:hidden;
    height:300px;
    width:300px;
}