.hero-wrap {
  width: 100%;
  height: 100%;
  z-index: 0; 
}

    .hero-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        opacity: .97;
        background: #03b3b2;
        background: -moz-linear-gradient(45deg, #ee76ad 0%, #03b3b2 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, #ee76ad), color-stop(100%, #03b3b2));
        background: -webkit-linear-gradient(45deg, #ee76ad 0%, #03b3b2 100%);
        background: -o-linear-gradient(45deg, #ee76ad 0%, #03b3b2 100%);
        background: -ms-linear-gradient(45deg, #ee76ad 0%, #03b3b2 100%);
        background: linear-gradient(45deg, #ee76ad 0%, #03b3b2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448ef6', endColorstr='#af05a9', GradientType=1 );
    }

.card-img-overlay {
  /*position: absolute;*/
  /*top: 0;
  right: 0;
  bottom: 0;
  left: 0;*/
  /*padding: 1.25rem;*/
}

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; 
}