.viewer-container {
  display: block;
  max-width: 500px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom:1em;
  width: 100%;
  &.right {
    float:right;
    margin-left:1em;
  }
  &.center{
    margin-right:auto;
    margin-left:auto;
    clear:both;
  }
  &.left {
    float:left;
    margin-right:1em;
  }
  
  .viewer {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: zoom-in;
    display: block;
    max-width: 100%;
    padding-bottom: 10em;
    width: 200em;
  }
}