JSFiddle - React, Tailwind, and code Playground

HTML

<div class="welcome">
    This panel needs to be centralised on top of the background image
</div>

<div class="details">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec bibendum felis enim, in dignissim nisl faucibus sed. Mauris pretium mi at pulvinar facilisis. Suspendisse potenti. Quisque mollis consequat vehicula. Quisque euismod condimentum mi, sed venenatis nibh sodales vel. Integer suscipit nec leo eget semper. Morbi nec massa viverra, porta sapien et, lacinia nisl. Mauris eleifend nunc lectus, id convallis velit ultricies ut. Mauris nisl turpis, molestie vitae sollicitudin nec, egestas a mauris.</p>

    <p>Pellentesque faucibus elit velit, vel sodales erat sollicitudin id. Proin nec pellentesque arcu. Duis rhoncus congue ante. Cras cursus ac elit nec pulvinar. Proin a turpis sapien. Mauris ut tempor augue, vel tristique nulla. Aliquam in bibendum erat. Morbi sagittis massa at justo molestie dictum. Etiam venenatis lobortis arcu feugiat auctor. Duis ornare fringilla turpis. Aenean mollis leo mauris, nec vulputate libero adipiscing sed. Donec imperdiet augue tempus felis tempus convallis. Suspendisse in consectetur ante. Phasellus orci erat, feugiat a risus eget, consectetur tempor ipsum. In mollis aliquet mi. In hac habitasse platea dictumst.</p></div>

CSS

body {
    padding: 0px;
    margin: 0px;
}
.welcome {
    background-image: url(http://www.hdwallpapersfullhd.net/wp-content/uploads/2014/05/Car-Desktop-Wallpaper-HD-1024x626.jpg);
    background-repeat: no-repeat;
    height: 600px;
    widht: 100%;
}
.details {
  
}
}