JSFiddle - React, Tailwind, and code Playground

HTML

<img class="logo" src="http://google.de/images/srpr/logo3w.png">

CSS

.logo {
    height: auto;
    position: absolute;
 }
@media only screen and (max-width: 1245px) {
        .logo {
        width: 500px;
        }
        }
@media only screen and (max-width: 800px) {
       .logo {
        width: 200px;
        }
            }
@media only screen and (max-width: 300px) {
       .logo {
        width: 100px;
        }
            }