JSFiddle - React, Tailwind, and code Playground

HTML

<div class="title1_background">
     <h1>FRESH MILK</h1>

</div>

CSS

body {
    font-family:"nevis", Century Gothic;
    background-image: url('http://www.freeimages.com/pic/l/g/gj/gjautzy/1064348_50317393.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
}
.title1_background {
    background-color: rgba(255, 255, 255, 0.8);
    height: 20%;
    width: 100%;
    position: fixed;
    bottom: 8%;
    margin: 0;
    left: 0;
    text-align: center;
}
.title1_background h1 {
    font-size: 400%;
    display: block;
    -webkit-text-fill-color: transparent;
}