body {
    background-color: black;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}

.firery {
    background-image: url(flame.gif);
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font: 2em sans-serif;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
    .center {
      font-size: 1em;
    }
  }
  
  /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
  @media screen and (max-width: 600px) {
    .center {
      font-size: 0.5em;
      position: relative;
        top: 50%;
        left: -20%;
        transform: translate(15%, 300%);
        padding: 10px;
    }
  }