<div class="w-full">
    <div class="p-0 flex items-center relative min-h-screen-75">
       <div class="absolute w-full h-full bg-cover bg-50 z-1" style="background-image: url('../../assets/img/sections/photo-1.jpg');"></div>
       <div class="absolute w-full h-full bg-black opacity-40 z-2"></div>
       <div class="container mx-auto px-4 z-3">
          <div class="justify-center text-white flex flex-wrap -mx-4">
             <h1 class="text-4xl font-bold leading-tight mt-0 mb-2 mb-12">Miami Beach is looking different at night!</h1>
          </div>
       </div>
    </div>
    <div class="container mx-auto px-4 z-3 -mt-64 pt-20 relative">
       <div class="justify-center text-white flex flex-wrap -mx-4">
          <div class="bg-blueGray-800 rounded-lg shadow-lg">
             <div class="text-center -mt-6">
                <div class="bg-lightBlue-500 rounded-full text-white w-16 h-16 inline-flex items-center justify-center -mt-2"><i class="p-1 text-xl far fa-newspaper"></i></div>
             </div>
             <blockquote class="text-xl mx-0 mt-0 mb-4 block text-center mt-6">
                <small class="font-light">posted 18 Sept 2021</small>
                <footer class="text-base block text-blueGray-500"><span class="mr-2">'Started from the bottom now we here'</span><cite title="Source Title">- Mark Jonson</cite></footer>
             </blockquote>
             <p class="mb-0 pt-6 pb-12 px-12 leading-relaxed text-center">As a result of growing emeraldhouse gas emissions, climate models predict that our planet will get significantly warmer, that ecosystems will be changed or destroyed, and that enormous human and economic costs will be incurred. These scenarios aren’t guaranteed, but avoiding them will be very hard. We’re trying to take small steps to mitigate our impact.</p>
          </div>
       </div>
    </div>
 </div>

<div class="w-full">
    <div class="relative section min-h-screen-75 flex items-center bg-cover" style="background-image: url('../../assets/img/sections/nathan-dumlao.jpg');">
       <div class="absolute w-full h-full bg-black opacity-75"></div>
       <div class="flex items-center justify-center container mx-auto px-4 h-full">
          <div class="flex flex-wrap -mx-4">
             <div class="text-center mx-auto px-4 relative w-full lg:w-7/12">
                <h1 class="text-4xl font-bold leading-tight mt-0 mb-6 text-white">A Place for Entrepreneurs to Share and Discover New Stories</h1>
                <a href="javascript:;" target="_blank" class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-white bg-pink-500 border-pink-500 active:bg-pink-600 active:border-pink-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fab fa-twitter"></i></a><a href="javascript:;" target="_blank" class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-white bg-pink-500 border-pink-500 active:bg-pink-600 active:border-pink-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md"><i class="fab fa-instagram"></i></a>
             </div>
          </div>
       </div>
       <div class="w-full absolute text-white bottom-0 z-1">
          <div class="w-full pointer-events-none overflow-hidden h-70-px" style="transform: translateZ(0px);">
             <svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 2560 100" x="0" y="0">
                <polygon class="text-white fill-current" points="2560 0 2560 100 0 100"></polygon>
             </svg>
          </div>
       </div>
    </div>
 </div>