.full-width-image-text-content {
  position: relative;
}

.full-width-image-text-media {
  width: 100%;
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/5;
}
@media only screen and (min-width: 992px) {
  .full-width-image-text-media {
    aspect-ratio: 3/1;
  }
}
.full-width-image-text-media img, .full-width-image-text-media svg {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.full-width-image-text-media-desktop {
  display: none;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .full-width-image-text-media-desktop {
    display: block;
  }
}

.full-width-image-text-media-mobile {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .full-width-image-text-media-mobile {
    display: none;
  }
}

.full-width-image-text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .full-width-image-text-overlay {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .full-width-image-text-overlay {
    padding: 50px;
  }
}
@media only screen and (max-width: 991.98px) {
  .full-width-image-text-overlay.pos-top {
    align-items: flex-start;
  }
  .full-width-image-text-overlay.pos-middle {
    align-items: center;
  }
  .full-width-image-text-overlay.pos-bottom {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 992px) {
  .full-width-image-text-overlay.pos-left {
    justify-content: flex-start;
  }
  .full-width-image-text-overlay.pos-center {
    justify-content: center;
  }
  .full-width-image-text-overlay.pos-right {
    justify-content: flex-end;
  }
}

.full-width-image-text-inner {
  max-width: 600px;
  color: var(--text-colour);
}
.full-width-image-text-inner .title {
  margin: 20px 0;
  text-transform: uppercase;
  line-height: 1.1;
}
.full-width-image-text-inner .title, .full-width-image-text-inner .body {
  color: var(--text-colour);
}
.align-left .full-width-image-text-inner {
  text-align: left;
}
.align-center .full-width-image-text-inner {
  text-align: center;
}
.align-right .full-width-image-text-inner {
  text-align: right;
}