.component.callout-card {
  margin-bottom: 20px;
  display: inline-block;
  clear: both;
}
.component.callout-card .textimage-text {
  padding: 40px;
}
.component.callout-card.background-gray {
  background-color: #f3f3f3;
}
@media (min-width: 768px) {
  .component.callout-card.size-small-horizontal {
    height: 200px;
  }
  .component.callout-card.size-large-horizontal {
    height: 300px;
  }
  .component.callout-card.size-square {
    height: 300px;
  }
  .component.callout-card .textimage-left--small-horizontal img,
  .component.callout-card .textimage-right--small-horizontal img {
    float: left;
    height: 200px;
    width: 300px;
    object-fit: cover;
  }
  .component.callout-card .textimage-left--large-horizontal img,
  .component.callout-card .textimage-right--large-horizontal img {
    float: left;
    height: 300px;
    width: 500px;
    object-fit: cover;
  }
  .component.callout-card .textimage-left--square img,
  .component.callout-card .textimage-right--square img {
    float: left;
    height: 300px;
    width: 300px;
    object-fit: cover;
  }
  .component.callout-card .textimage-left {
    float: left;
    padding-right: 40px;
  }
  .component.callout-card .textimage-right {
    float: right;
    padding-left: 40px;
  }
  .component.callout-card.align-top .textimage-text {
    width: 100%;
  }
}
.component.callout-card .component.image {
  margin-bottom: 0 !important;
  vertical-align: auto;
}
.component.callout-card .component.text p {
  margin-bottom: 0 !important;
}
.aem-AuthorLayer-Edit .component.textimage:after {
  display: block;
  content: ".";
  height: 0;
  width: 0;
  clear: both;
}