.hero-banner-grid .card-img-bg:before {
    background: linear-gradient(90deg,#000 0,transparent);
}
.hero-banner-grid .card-img-bg:before, .overlay-blue:before {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.hero-banner-grid .dls-deep-blue-bg {
    background-size: contain !important;
    background-repeat: repeat !important;
    background-image: url(https://www.aexp-static.com/cdaas/one/statics/axp-static-assets/2.24.1/package/dist/img/brand/worldservice-tile-deepblue.svg);
}
.hero-banner-grid .card-img-bg {
    background-position: 70% 50% !important;
}
@media only screen and (max-width: 768px) {
	.hero-banner-grid .card-img-bg {
    		background-position: 0% 50% !important;
	}
}