html {
   background:  rgba(4, 0, 86, 0.672) url("question.gif") ;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  
  background-size: 80px;
}


.container {
    width: 100%;
    height: 100%;
    margin: auto;
     display: flex;
  align-items: center;
  justify-content: center;
}

#letter {
    position: relative;
    
    width: 500px;
    height: 500px;
    top: 160px;
    background-image: url("presentgif.gif");
    background-size: 150%;
    background-position: -100px, 0px;
    background-repeat: no-repeat;
}