JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<body class="html not-front logged-in no-sidebars page-stream">
<div id="stickynavigation"></div>
<div class="region region-content">
<div id="block-system-main" class="block block-system">
<div class="content">
<div class="view view-stream view-id-stream view-display-id-page view-dom-id-b384bc85c19ed119e9b6816c925ff6ac">
<div class="view-content">
<div class="section jumbotron">
<div class="views-field views-field-title">
<h1 class="field-content"><a href="/drupal/node/4">Automatische Erkennung von Lorem ipsum bei der Druckaufbereitung</a></h1>
</div>
<div class="views-field views-field-field-image">
<div class="field-content">
<div class="bg-holder" style="background-image: url(http://localhost/drupal/sites/default/files/styles/large/public/field/image/wallhaven-157066.jpg?itok=2BHBQSVa); background-attachment: scroll; background-size: 1903px;"> </div>
</div>
</div>
<div class="views-field views-field-body">
<p class="field-content">Die Verbreitung von Computern und Layoutprogrammen machte Blindtexte also bekannter. Wurden früher einige Zeilen des Lorem ipsum-Textes in Blindtexten kontinuierlich wiederholt, so dient der Text Ciceros heute als Basis vieler Blindtext- oder Lorem ipsum-Generatoren. Diese erzeugen, auf ihn aufbauend, automatisch längere Abschnitte des Lorem ipsum-Textes oder aber verschiedene andere Platzhaltertexte.
Die Begriffsfolge des Lorem ipsum-Textes ist heutzutage so verbreitet und üblich, dass viele DTP-Programme Blindtexte mit der Anfangssequenz "Lorem ipsum" erzeugen können. Von großem Vorteil ist, dass die Begriffsfolge "Lorem ipsum" heute in der elektronischen Druckaufbereitung erkannt und eine Warnmeldung ausgelöst werden kann. Damit wird...
CSS
html,
body {
width: 100%;
height: 100%;
}
.bg-holder {
height: 100%;
width:100%;
object-fit: cover;
background-size: cover;
}
.section{
padding: 60px 10px;
}