sharpsss

вопрос более трех лет тому назад, но на всякий случай скину то что подошло мне )

background: url(../images/prototype_background.jpg) no-repeat center center fixed;
background-repeat: no-repeat;
-khtml-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;

В общий контейнер помещаешь ,который:
display:flex;
flex-direction:column;
затем вот эти вот картинки в div который:
display:flex;
flex-direction:row;
какой нибудь id для картинки вокруг которой должен быть border ну и всё в принципе , погугли gap ещё и готово , сверстал фул не правильно - отличается жёстко