Digamos que estoy tratando de replicar lo siguiente del sitio https://www.ideo.com/blog . (No necesito la sección BlogLandingHeader-MetaTags)

El div se ve así:

 <div> <div class="BlogLandingHeader"> <div class="BlogLandingHeader-Content"> <h1 class="BlogLandingHeader-Title">The Octopus</h1> <div class="BlogLandingHeader-Abstract"> <p>A designer's view of the universe.</p> </div> </div> <div class="BlogLandingHeader-Takeover"> <div class="BlogLandingHeader-TakeoverImage" style="background-image: url(&quot;https://new-ideo-com.s3.amazonaws.com/assets/images/static/images/octopus-12-line-tb.svg&quot;);"> </div> </div> </div>

Tengo 5 imágenes para BlogLandingHeader-TakeoverImage y quiero replicar este div para mi trabajo. ¡Por favor ayuda con los códigos html y css para lo mismo!