JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <b>Background-size:cover</b><br/>
Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
</div>

CSS

body
{
 background: url('http://fc04.deviantart.net/fs70/f/2011/106/3/b/1302969081_bokeh_by__kol-d1x5u23.png') top left no-repeat;
 background-size: cover;
 /* width:580px;
 min-hieght:380px;
 height:380px; */
 color:white;
 padding:40px;
 font-size:12px;
    opacity:.5;
}