body {
  background-color: #010101;
  color: white;
  font-family: Arial;
}
html, body
{
    height: 100%;
    margin:0;
    padding:0;
}

div {
    position:relative;
    height: 100%;
    width:100%;
}

div img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.image-container {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center; /* normally it's the default value */
}
.container {
  position: relative;
  text-align: center;
  color: white;
}
.centered {
  position: absolute;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  -webkit-text-stroke: 5px black;
  font-size: 96px;
  font-weight:bolder;
}

.sprites, .sprite {
    image-rendering: pixelated;
}

.image-container-sprite {
  width: 100vw;
  height: 100vh;
  display: flex;
  image-rendering: pixelated;
}