5chan/src/components/media/media.module.css

.thumbnailBig {
  background-color: var(--post-thumbnail-background-color);
  width: var(--width);
  height: var(--height);
  margin: 3px 20px 5px 0;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thumbnailSmall {
  background-color: var(--post-thumbnail-background-color);
  width: var(--width);
  height: var(--height);
  margin: 3px 10px 5px 5px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thumbnailBig img, .thumbnailBig video {
  max-width: 250px;
  max-height: 250px;
}

.thumbnailSmall img, .thumbnailSmall video {
  max-width: 125px;
  max-height: 125px;
}

.hide {
  display: none !important;
}

.thumbnail .show {
  display: block;
}

.content img {
  cursor: pointer;
  max-width: 100%;
  max-height: 100%;
}

.content iframe {
  border: none;
}

@media (min-width: 640px) {
  .media img, .media iframe, .media video, .media audio {
    margin: 3px 20px 5px 0;
  }
}

@media (max-width: 640px) {
  .media img, .media iframe, .media video, .media audio {
    margin: 3px 10px 5px 5px;
  }
}