JSFiddle - React, Tailwind, and code Playground

by Douglas Crosby

HTML

<div class="wrapper">
     <h1 class="logo"><span>My Title</span></h1>
</div>

CSS

.wrapper {
	position: relative;
	padding-bottom: 17.12%;
    margin: 0 auto;
    max-width: 397px;
	height: 0;
}
.wrapper .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    max-height: 68px;
    background-image: url('http://placehold.it/397x68');
    background-size: 100%;
    background-repeat: no-repeat;
    border: 1px solid red;
}
.logo span{
    display: none;
}