.tf-image-box-wrapper {
  --tf-image-box-spacing: 30px;
}

.tf-image-box-wrapper .tf-hover-image .card-img img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.tf-image-box-wrapper:hover .tf-hover-image .card-img img:first-child {
  opacity: 0;
}
.tf-image-box-wrapper:hover .tf-hover-image .card-img img:last-child {
  opacity: 1;
}

.tf-image-box .tf-image {
  max-width: 100%;
}

.tf-position-left .tf-image-box .tf-image {
  width: 25%;
}

.tf-position-right .tf-image-box .tf-image {
  width: 25%;
}

.tf-image-box-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.tf-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.tf-position-top .tf-image-box-wrapper {
  text-align: center;
}
.tf-position-top .tf-image {
  margin: 0 0 var(--tf-image-box-spacing) 0;
}

.tf-position-left .tf-image-box {
  display: -ms-flexbox;
  display: flex;
}
.tf-position-left .tf-image {
  margin: 0 var(--tf-image-box-spacing) 0 0;
}

.tf-position-right .tf-image-box-wrapper {
  text-align: right;
}
.tf-position-right .tf-image-box {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}
.tf-position-right .tf-image {
  margin: 0 0 0 var(--tf-image-box-spacing);
}

.tf-image-box-title a {
  color: inherit !important;
}

.tf-image-box-desc {
  margin-top: 15px;
}

/*# sourceMappingURL=tf-image-box.css.map */