/* Main Content Styles */
main {
    width: 100%;
    height: calc(100% - 80px);
    /* The user said the bottom is just the image */
    line-height: 0; /* Remove space under image */
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}