.build-intelligent-apps .banner-card.lazyloaded {
    background-image: url("./build-intelligent-apps.jpg");
    background-image: image-set(
        url("./build-intelligent-apps.avif"), 
        url("./build-intelligent-apps.jpg")
    );
}

.build-intelligent-apps .hero {
    min-height: inherit;
}

.build-intelligent-apps .card-body {
    padding: 4rem;
}

.build-intelligent-apps .banner-card.lazyloaded {
    padding-left: 4rem !important;
}

@media (max-width: 576px) {
    .build-intelligent-apps .card-body {
        padding-top: 4rem;
    }
}

.build-intelligent-apps .hero-title {
    max-width: 25rem;
    line-height: 3.55rem;
}

.build-intelligent-apps .hero .pane-header {
    max-width: 30rem;
}

@media (max-width: 576px) {
    .build-intelligent-apps .hero .pane-header {
        max-width: 15rem;
    }
}

@media (max-width: 576px) {
    .build-intelligent-apps .banner-card.lazyloaded {
       padding-left: 1.25rem !important;
    }
}

.build-intelligent-apps .banner-card a.btn {
    margin-bottom: 0.5rem;
}

@media (max-width: 576px) {
    .build-intelligent-apps .banner-card.lazyloaded {
        background-image: url("./build-intelligent-apps-mobile.jpg");
        background-image: image-set(
            url("./build-intelligent-apps-mobile.avif"), 
            url("./build-intelligent-apps-mobile.jpg")
        );
    }

    .build-intelligent-apps .banner-card a.btn {
        margin-bottom: 6rem;
    }
}

@media (max-width: 767px) and (min-width: 577px) {
    .build-intelligent-apps .banner-card.lazyloaded {
        background-position: -240px 0;
    }
}