JSFiddle - React, Tailwind, and code Playground

by manofgod

HTML

<div class="container">
    <img src="http://usefaith.voiedusucces.net/images/decoupes/who_we_are.png" alt="" class="container__background-image" />
    <div class="container__text">Who we are</div>
</div>

CSS

.container {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.container__background-image {
    width: 100%;
    display: block;
}
.container__text {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
}

@media all and  (min-width: 213px) { 
.container__text { 
font-size: 5px; 
left:0px;
bottom:-50px;
 

} 

}