.hero-image-widget-main {
  height: 100%;
}

.hero-image-widget-main .hero-image-widget-image-helper-outer {
  position: relative;
  margin: 0px 0px 0px 0px;
  width: 100%;
  overflow: hidden;
}

.hero-image-widget-main.aspect-ratio-1x1 .hero-image-widget-image-helper-outer{
  padding-bottom: 100%;
}

.hero-image-widget-main.aspect-ratio-4x3 .hero-image-widget-image-helper-outer{
  padding-bottom: 75%;
}

.hero-image-widget-main.aspect-ratio-3x2 .hero-image-widget-image-helper-outer{
  padding-bottom: 66.67%;
}

.hero-image-widget-main.aspect-ratio-8x5 .hero-image-widget-image-helper-outer{
  padding-bottom: 62.5%;
}

.hero-image-widget-main.aspect-ratio-5x3 .hero-image-widget-image-helper-outer{
  padding-bottom: 60%;
}

.hero-image-widget-main.aspect-ratio-none .hero-image-widget-image-helper-outer,
.hero-image-widget-main.aspect-ratio-16x9 .hero-image-widget-image-helper-outer{
  padding-bottom: 56.25%;
}

.hero-image-widget-main.aspect-ratio-2x1 .hero-image-widget-image-helper-outer{
  padding-bottom: 50%;
}

.hero-image-widget-main.aspect-ratio-3x1 .hero-image-widget-image-helper-outer{
  padding-bottom: 33.33%;
}

.hero-image-widget-main .hero-image-widget-image-helper-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.hero-image-widget-main.aspect-ratio-org .hero-image-widget-image-helper-inner {
  position: static;
}

.hero-image-widget-main .hero-image-widget-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center center!important;
  background-size: cover!important;
}

.hero-image-widget-main.aspect-ratio-org .hero-image-widget-image {
  position: static;
  width: 100%;
}

.hero-image-widget-main .hero-image-widget-image-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  padding-top: 30px;
  padding-bottom: 15px;
  width: 100%;
  z-index: 1000;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.30), rgba(0,0,0,.45), rgba(0,0,0,.55), rgba(0,0,0,.63), rgba(0,0,0,.70), rgba(0,0,0,.75), rgba(0,0,0,.79), rgba(0,0,0,.83), rgba(0,0,0,.87), rgba(0,0,0,.9))!important;
  color: white!important;
}

.hero-image-widget-main .hero-image-widget-description {
  margin: 0;
  color: white!important;
}

.hero-image-widget-main .hero-image-widget-description > a {
  color: white!important;
}

.hero-image-widget-main .hero-image-widget-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.hero-image-widget-main .hero-image-widget-link:after {
  display: none;
}