Edit in JSFiddle

<div id="hatching">
	<figure id="crosshatching"></figure>
</div>
#hatching figure {
    flex: 1 1 0%;
    padding-top: 33%;
    margin: 0px;
    min-height: 300px;
}
#crosshatching {
    background-image: url("http://thenewcode.com/assets/svg/crosshatching.svg");
}
figure {
    margin: 0px;
    text-align: center;
}