JSFiddle - React, Tailwind, and code Playground

HTML

<div class="seizoenen">
				<div class="container">
					<img src="http://www.staples-3p.com/s7/is/image/Staples/s0333100_sc7" />
				</div>
				<div class="container">
                    <p>text</p>
					<img src="http://www.staples-3p.com/s7/is/image/Staples/s0333100_sc7"  />
				</div>
				<div class="container">
					<img src="http://www.staples-3p.com/s7/is/image/Staples/s0333100_sc7"/>
				</div>
				<div class="container">
					<img src="http://www.staples-3p.com/s7/is/image/Staples/s0333100_sc7" />
				</div>
			</div>

CSS

.seizoenen{
    width:100%;
}
p { 
    position:absolute;
    top:50%;
    left: 50%;
}
.container{
    display: inline-block;
    width:24%;
    position:relative;
}
img{
   max-width: 100%; 
}