@media only screen and (max-width: 900px) {
  body {
    background-color: #fffffe;
  }
}

@media only screen and (max-width: 900px) {
  #playground {
    display: none;
  }
}

#playground img {
  display: block;
  float: left;
  width: 120px;
}

#big img {
  position: absolute;
  float: none;
  top: 0px;
}

#container {
  position: absolute;
  width: 800px;
  top: 0px;
}

@media only screen and (max-width: 900px) {
  #container {
    position: relative;
    width: 100%;
  }
}

#footer {
  background-color: white;
}

@media only screen and (max-width: 900px) {
  #content {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 900px) {
  #contentHeader {
    padding: 0;
  }
}

.photo-gallery {
  background-color: black;
  padding: 12px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.photo-gallery div {
  flex-basis: calc(50% - 6px);
}

@media only screen and (max-width: 900px) {
  .photo-gallery div {
    flex-basis: 100%;
  }
}

.photo-gallery img {
  width: 100%;
}