.img-shadow {
    box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;
}

.hero-section {
        /* Specify the path to your image */
        background-image: url('https://gbca.org/resources/Pictures/Hero/racing.jpg'); 
        
        /* Scales the image to cover the entire div, maintaining aspect ratio */
        background-size: cover; 
        
        /* Centers the background image within the div */
        background-position: bottom;
        
        /* Prevents the image from repeating if it's smaller than the div */
        background-repeat: no-repeat;

        /* Set a height for the div to be visible */
        height: 300px;
        
        /* Example: set text color for readability over the image */
        color: white; 
        text-align: center;
        
        /* Example: add some padding for content */
        padding-top: 100px; 
    }