html {
    background-image: url('../assets/cover.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    background-color: #ffffff;
}

body {
    height: 100%;
}

.hero {
    height: 100%;
    width: 100%;

    position: absolute;

    background-image: url('../assets/hero.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;

    mask-image: url('#hero_mask');
    mask-size: cover;
    mask-repeat: no-repeat;

    -webkit-mask-image: url('#hero_mask');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
}