* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
  }

  .image-container {
    display: inline-block;
    padding: 0.3em;
    max-width: 100%;
    vertical-align: top;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .image-container:hover {
    background-color: #cde;
  }

  .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: crosshair;
    display: block;
    max-width: 100%;
    padding-bottom: 2em;
    width: 100em;
  }