body, html {
  margin:0;
  height:auto;
  width:auto;
  background: #002400;
  background-image: url("img/landscape-background.gif");
  background-color: #002400;
  background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (max-width: 600px) {
  body, html {
    margin:0;
    height:auto;
    width:auto;
    background: #002400;
    background-image: url("img/landscape-background.gif");
    background-color: #002400;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contain {
  display:block;
  width:auto; height:auto;
  object-fit: contain;
}

.stretch {
  display:block;
  width:auto; height:auto;
}

.cover {
  display:block;
  width:auto; height:auto;
  object-fit: contain;
}

@media (prefers-color-scheme: dark) {
  body {
    margin:0;
    height:auto;
    width:auto;
    background: #002400;
    background-image: url("img/landscape-background.gif");
    background-color: #002400;
    background-repeat: no-repeat;
    background-position: center;
  }
}