html {
  height: 100%;
  background: #fff;
}

body {
  height: inherit;
  margin: 0;
}

img {
  display: block;
  /*width: 100%;*/
}

.add-button {
  /*position: absolute;
  top: 1px;
  left: 1px;*/
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 25px;
  width: 80%;
  background: #693;
  margin-top: 33px;
  margin-bottom: 33px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

@media (orientation: landscape) {
  img {
    height: 100%;
    object-fit: cover;
  }
}