.image img {
  max-width: 100%;
  height: auto;
}

.image a {
  display: inline-block;
  max-width: 100%;
  padding: 0;
}

.image a:before, .image a:after {
  content: none;
}

.image .image-caption {
  display: block;
  font-style: italic;
  font-size: 11px;
  color: #747474;
}

main .image {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

img[data-src] {
  opacity: 0;
}

img[data-src]:not(.initial) {
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

img[data-src].initial, img[data-src].loaded, img[data-src].error {
  opacity: 1;
}

.image-default-size img {
  max-width: none;
  width: auto !important;
}

.image-full-size img {
  width: 100% !important;
  height: auto !important;
}

.image-left .component-content > div > img {
  float: left;
}

.image-right .component-content > div > img {
  float: right;
}