body {
  display: flex;
  background-color: black;
  background-image: url('astrostam.png'), url('bkg.png');
  background-repeat:  no-repeat, repeat-y;
  background-attachment: fixed;
  background-position: bottom, center;
  margin: 0px;
  padding: 0px;
}

@media all and (orientation: landscape) {
  body {
    flex-direction: row;
  }
  .split {
    height: 100%;
    width: 50%;
    position: absolute;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 0px;
  }
  
  .left {
    left: 0;
  }
  
  .right {
    right: 0;
  }
  
  .centered img {
    width: 100%;
    height: auto;
  }
  
}

@media all and (orientation: portrait) {
  body {
    flex-direction: column;
  }

  .split {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 0px;
  }

  .left {
    left: 0;
  }
  
  .right {
    right: 0;
  }

  .centered img {
    width: 100%;
    height: auto;
  }
}