.inline-image-container {
  margin: 1.5em 0;
}

.inline-image {
  width: min(320px, 45%);
}

.inline-image img {
  display: block;
  width: 100%;
  margin: 0;
}

.inline-image-left {
  float: left;
  margin: 0 1.5em 1em 0;
}

.inline-image-right {
  float: right;
  margin: 0 0 1em 1.5em;
}

.inline-image-shadow img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.inline-image-clear {
  clear: both;
}

@media only screen and (max-width: 767px) {
  .inline-image {
    width: min(100%, 360px);
  }

  .inline-image-left,
  .inline-image-right {
    float: none;
    margin: 0 auto 1em;
  }
}