.dir {
    background-color: powderblue;
    border: solid;
    border-width: 1px;
}

.model3d {
    border:solid;
    border-width: 1px;
}

.model3d img, .model3d div , .coContainer img {
    max-height: 256px;
    max-width: 256px;
    height: 256px;
    width: 256px;
}

.container {
  position: relative;
  overflow: hidden;
  width: 256px;
  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.coContainer {
    display: flex;
  align-items: flex-start; /* tai center jos haluat keskittää pystysuunnassa */
  gap: 20px; /* väli iframe:n ja tekstin välillä */
  border: solid 1px;
}

.coText {
  /*max-width: 400px;*/
  font-size: 2em;
}

.timestamp {
  display: none;
}

iframe {
    position: relative;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    border: 0;

    max-height: 256px;
    max-width: 256px;
    height: 256px;
    width: 256px;
}