JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
    <h1>Google</h1>
  </body>
</html>

SCSS

@mixin hide-text {
  overflow:    hidden;
  text-indent: 100%;
  white-space: nowrap;
}

body h1:first-child {
  @include hide-text;
  background: url('https://www.google.com/images/srpr/logo3w.png') no-repeat 50% top;
  height:     95px;
  width:      275px;
}

.hide-text {
  @include hide-text;  
}