/*Flex*/
.drm-imagesection {
  position: relative;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }
  .drm-imagesection--content-left {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .drm-imagesection--content-right {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .drm-imagesection__gradient--xs-vertical {
    background-image: -webkit-linear-gradient(to bottom, transparent 60%, currentColor 100%);
    background-image: -o-linear-gradient(to bottom, transparent 60%, currentColor 100%);
    background-image: linear-gradient(to bottom, transparent 60%, currentColor 100%);
    /*background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.975) 95%, 
    	rgba($color,1) 100%);*/
    /*-webkit-background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.005) 62.5%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.05) 67.5%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.17) 72.5%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.38) 77.5%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.62) 82.5%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.83) 87.5%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.95) 92.5%, 
    	rgba($color,0.975) 95%,
    	rgba($color,0.995) 97.5%, 
    	rgba($color,1) 100%);
    background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.005) 62.5%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.05) 67.5%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.17) 72.5%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.38) 77.5%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.62) 82.5%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.83) 87.5%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.95) 92.5%, 
    	rgba($color,0.975) 95%,
    	rgba($color,0.995) 97.5%, 
    	rgba($color,1) 100%);*/ }
  @media (min-width: 576px) {
    .drm-imagesection__gradient--sm-vertical {
      background-image: -webkit-linear-gradient(to bottom, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to bottom, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to bottom, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 768px) {
    .drm-imagesection__gradient--md-vertical {
      background-image: -webkit-linear-gradient(to bottom, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to bottom, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to bottom, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 992px) {
    .drm-imagesection__gradient--lg-vertical {
      background-image: -webkit-linear-gradient(to bottom, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to bottom, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to bottom, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 1200px) {
    .drm-imagesection__gradient--xl-vertical {
      background-image: -webkit-linear-gradient(to bottom, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to bottom, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to bottom, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  .drm-imagesection--content-left .drm-imagesection__gradient--xs-horizontal {
    background-image: -webkit-linear-gradient(to left, transparent 60%, currentColor 100%);
    background-image: -o-linear-gradient(to left, transparent 60%, currentColor 100%);
    background-image: linear-gradient(to left, transparent 60%, currentColor 100%);
    /*background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.975) 95%, 
    	rgba($color,1) 100%);*/
    /*-webkit-background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.005) 62.5%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.05) 67.5%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.17) 72.5%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.38) 77.5%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.62) 82.5%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.83) 87.5%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.95) 92.5%, 
    	rgba($color,0.975) 95%,
    	rgba($color,0.995) 97.5%, 
    	rgba($color,1) 100%);
    background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.005) 62.5%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.05) 67.5%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.17) 72.5%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.38) 77.5%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.62) 82.5%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.83) 87.5%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.95) 92.5%, 
    	rgba($color,0.975) 95%,
    	rgba($color,0.995) 97.5%, 
    	rgba($color,1) 100%);*/ }
  @media (min-width: 576px) {
    .drm-imagesection--content-left .drm-imagesection__gradient--sm-horizontal {
      background-image: -webkit-linear-gradient(to left, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to left, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to left, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 768px) {
    .drm-imagesection--content-left .drm-imagesection__gradient--md-horizontal {
      background-image: -webkit-linear-gradient(to left, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to left, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to left, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 992px) {
    .drm-imagesection--content-left .drm-imagesection__gradient--lg-horizontal {
      background-image: -webkit-linear-gradient(to left, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to left, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to left, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 1200px) {
    .drm-imagesection--content-left .drm-imagesection__gradient--xl-horizontal {
      background-image: -webkit-linear-gradient(to left, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to left, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to left, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  .drm-imagesection--content-right .drm-imagesection__gradient--xs-horizontal {
    background-image: -webkit-linear-gradient(to right, transparent 60%, currentColor 100%);
    background-image: -o-linear-gradient(to right, transparent 60%, currentColor 100%);
    background-image: linear-gradient(to right, transparent 60%, currentColor 100%);
    /*background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.975) 95%, 
    	rgba($color,1) 100%);*/
    /*-webkit-background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.005) 62.5%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.05) 67.5%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.17) 72.5%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.38) 77.5%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.62) 82.5%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.83) 87.5%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.95) 92.5%, 
    	rgba($color,0.975) 95%,
    	rgba($color,0.995) 97.5%, 
    	rgba($color,1) 100%);
    background-image: linear-gradient($direction, 
    	rgba($color,0) 60%, 
    	rgba($color,0.005) 62.5%, 
    	rgba($color,0.025) 65%, 
    	rgba($color,0.05) 67.5%, 
    	rgba($color,0.11) 70%, 
    	rgba($color,0.17) 72.5%, 
    	rgba($color,0.26) 75%, 
    	rgba($color,0.38) 77.5%, 
    	rgba($color,0.5) 80%, 
    	rgba($color,0.62) 82.5%, 
    	rgba($color,0.74) 85%, 
    	rgba($color,0.83) 87.5%, 
    	rgba($color,0.89) 90%, 
    	rgba($color,0.95) 92.5%, 
    	rgba($color,0.975) 95%,
    	rgba($color,0.995) 97.5%, 
    	rgba($color,1) 100%);*/ }
  @media (min-width: 576px) {
    .drm-imagesection--content-right .drm-imagesection__gradient--sm-horizontal {
      background-image: -webkit-linear-gradient(to right, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to right, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to right, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 768px) {
    .drm-imagesection--content-right .drm-imagesection__gradient--md-horizontal {
      background-image: -webkit-linear-gradient(to right, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to right, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to right, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 992px) {
    .drm-imagesection--content-right .drm-imagesection__gradient--lg-horizontal {
      background-image: -webkit-linear-gradient(to right, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to right, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to right, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  @media (min-width: 1200px) {
    .drm-imagesection--content-right .drm-imagesection__gradient--xl-horizontal {
      background-image: -webkit-linear-gradient(to right, transparent 60%, currentColor 100%);
      background-image: -o-linear-gradient(to right, transparent 60%, currentColor 100%);
      background-image: linear-gradient(to right, transparent 60%, currentColor 100%);
      /*background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.975) 95%, 
      	rgba($color,1) 100%);*/
      /*-webkit-background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);
      background-image: linear-gradient($direction, 
      	rgba($color,0) 60%, 
      	rgba($color,0.005) 62.5%, 
      	rgba($color,0.025) 65%, 
      	rgba($color,0.05) 67.5%, 
      	rgba($color,0.11) 70%, 
      	rgba($color,0.17) 72.5%, 
      	rgba($color,0.26) 75%, 
      	rgba($color,0.38) 77.5%, 
      	rgba($color,0.5) 80%, 
      	rgba($color,0.62) 82.5%, 
      	rgba($color,0.74) 85%, 
      	rgba($color,0.83) 87.5%, 
      	rgba($color,0.89) 90%, 
      	rgba($color,0.95) 92.5%, 
      	rgba($color,0.975) 95%,
      	rgba($color,0.995) 97.5%, 
      	rgba($color,1) 100%);*/ } }
  .drm-imagesection__gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .drm-imagesection__image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 1px;
    /**/ }
    .drm-imagesection__image--sixteen-by-nine .drm-imagesection__image-spacer, .drm-imagesection__image--four-by-three .drm-imagesection__image-spacer, .drm-imagesection__image--square .drm-imagesection__image-spacer {
      content: '';
      position: relative;
      display: block;
      width: 100%;
      height: 0; }
    .drm-imagesection__image--sixteen-by-nine .drm-imagesection__image-spacer {
      padding-bottom: 56.25%; }
    .drm-imagesection__image--four-by-three .drm-imagesection__image-spacer {
      padding-bottom: 75%; }
    .drm-imagesection__image--square .drm-imagesection__image-spacer {
      padding-bottom: 100%; }
  .drm-imagesection__content {
    margin: auto;
    width: 100%;
    padding: 1rem; }
    .drm-imagesection__content-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }