.hero {
    background-color: #bdb7b7;
    background-image: linear-gradient(rgba(247, 242, 242, 0.8), rgba(253, 253, 253, 0.8)),
        url('../img/home_light.jpg');
    background-position: bottom;
    background-size: cover;
    color: var(--text-title-grey);
    padding: 2.7em;
    padding-top: 5.7em;
    text-align: center;
    height: 320px;
    vertical-align: middle;
    width: 100%;
    max-width: none;
}

[data-fr-theme="dark"] .hero {
    background-image: linear-gradient(rgba(36, 31, 31, 0.8), rgba(42, 42, 42, 0.8)), url('../img/home_dark.jpg');
}

#home-text-wrapper {
    text-align: center;
}