.hero-v1 {
    position: absolute;
    top: 10%;
    right: 0;
    width: 40%;
    height: 80%;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.card-body {
    padding: 1rem;
}

@media (max-width: 767.98px) {


.img-fluid.homeintro {
    float: left;
    margin-right: 15px;
}
}

.hero-v1::before {
    background-image: linear-gradient(rgba(255, 255, 255, 0), #f2f2f2 50%, rgba(255, 255, 255, 0));

}