.show_image_block {
  display: inline-block;
  vertical-align: top;
  margin: 0px 6px;
  text-align: center;
}

.show_image_background {
  background-color: rgb(215, 225, 250);
  margin: 6px auto;
  border-radius: 5px;
  display: inline-block;
}

.show_image_background.portrait_pic {
  height: 300px;
}

.show_image_background.landscape_pic {
  width: 350px;
}

.show_image {
  box-shadow: 2px 5px 5px #aaaaaa;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  max-width: 100%;
  max-height: 100%;
}

.show_image:hover {
  opacity: 0.7;
}

@media all and (max-width: 600px) {
  .show_image_block {
    display: inline-block;
    margin: 3px auto;
  }

  .show_image_background.portrait_pic {
    width: 98%;
    max-width: 150px;
    height: auto;
  }

  .show_image_background.landscape_pic {
    width: 98%;
    max-width: 170px;
  }
}

.text_wrapper {
  display: inline-block;
}

p.show_image_text {
  margin: 0px auto;
  margin-bottom: 3px;
  font-style: italic;
  text-align: center;
  max-width: 300px;

  display: block;
  position: static;
}

p.show_image_clock {
  display: block;
  /*none for hover-show, block to always show*/
  color: brown;
  font-size: 12px;
  font-style: normal;
}