@media (min-width: 768px) {
    
    body {
        background-image: url("bridge-md.jpg");
        background-size: cover;
        background-repeat: no-repeat;
    }

    #hero_card {
        width: 35%;
        max-width: 45%;
    
        background-color: rgba(255, 255, 255, 0.85);
        border-radius: 5px;
        box-shadow: 2px 2px #7a7a7a;
    }
}