/**
 * Default image styling
 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/**
 * Image styling 
 */
.panopoly-image-full {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.panopoly-image-half {
  max-width: 50%;
  width: 50%;
  height: auto;
}

.panopoly-image-quarter {
  max-width: 25%;
  width: 25%;
  height: auto;
}

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

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

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

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