JSFiddle - React, Tailwind, and code Playground

by Douglas Duhaime

HTML

<div id="one">
Lorem ipsum dolor sit amet, mea summo erant an, pri eu brute feugait ancillae. Mei an ullum zril voluptatibus. Audire molestie eu nec. Eu propriae vituperata ius.

Virtute scaevola eos in, clita expetendis ex vix. Id quo doming verterem. Diam facilisis qui ut, ad pro insolens neglegentur, in legimus incorrupte qui. Case debet usu no, est inani mazim ei. Vix reque explicari eloquentiam at, meis essent mel ei.

Qui an vitae eloquentiam complectitur, ius in possim regione. Pri mollis eloquentiam consectetuer ut. An vis malorum appareat, vis nostrud luptatum in. Has te commodo partiendo. Per oporteat reprimique scribentur in. Eum ne liber facilis efficiendi, ei duis justo maiorum ius, ea quo odio ubique.

Quem dissentias vix te. Quo ea magna dolores verterem, mutat alienum vim ei, has no splendide scripserit. Et mel sonet petentium, assentior assueverit an ius, cum animal recusabo atomorum id. Soleat democritum ne his. Vim qualisque imperdiet democritum ei. Ex sed dicta consul, ne mandamus democritum sed.

Ludus offendit consetetur has no, dico invenire id nec. Mea ei tibique detracto philosophia, per ne soleat vocibus, ocurreret ullamcorper cu sed. Nec omnium torquatos eu, eos ei paulo populo pertinacia. Vix scriptorem appellantur et, ea eum graeci commune. Duo ad quodsi apeirian. Modus lorem prompta id has, sint integre epicurei id per, et causae noluisse vis.

Lorem ipsum dolor sit amet, mea summo erant an, pri eu brute feugait ancillae. Mei an ullum zril voluptatibus. Audire molestie eu nec. Eu propriae vituperata ius.

Virtute scaevola eos in, clita expetendis ex vix. Id quo doming verterem. Diam facilisis qui ut, ad pro insolens neglegentur, in legimus incorrupte qui. Case debet usu no, est inani mazim ei. Vix reque explicari eloquentiam at, meis essent mel ei.

Qui an vitae eloquentiam complectitur, ius in possim regione. Pri mollis eloquentiam consectetuer ut. An vis malorum appareat, vis nostrud luptatum in. Has te commodo partiendo. Per...

CSS

#one {

  background: url(https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -mox-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: red;
}

#two {

  background: url(https://static.pexels.com/photos/6644/sea-water-ocean-waves.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -mox-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: green;

}