div.header {
    background-image: url('https://fastly.picsum.photos/id/156/2177/3264.jpg?hmac=hjKWxNR5fYw1fbGYXknGDH6eRORZ_AlTeQBvyT2q_Cs');
    background-image: url('https://fastly.picsum.photos/id/65/4912/3264.jpg?hmac=uq0IxYtPIqRKinGruj45KcPPzxDjQvErcxyS1tn7bG0');
    background-image: url('https://fastly.picsum.photos/id/705/5000/3333.jpg?hmac=ClJCSRuDzMy9zl38ZL6VrbKsFxFNAKbeFFfHuEjStWE');
    background-image: url('https://fastly.picsum.photos/id/881/3000/2000.jpg?hmac=H8KkMX3MzuVL5dd9JCnF5RhLPbJ7B5do_WY2zQ5zWMI');
    background-image: url('https://fastly.picsum.photos/id/1010/5000/3333.jpg?hmac=CuwA5P9jjX0HXsLl6IzkF6a7YHmXujB7zLwbtdRPEyM');
    background-image: url('https://fastly.picsum.photos/id/103/2592/1936.jpg?hmac=aC1FT3vX9bCVMIT-KXjHLhP6vImAcsyGCH49vVkAjPQ');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 40vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.header h2 {
    font-size: 5em;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0) 30%,
        rgba(255, 255, 255, 1) 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: degrade 1s forwards;
    font-weight: bolder;
}
@keyframes degrade {
    0% {
        opacity: 0;
        background-position: 0% 50%;
        transform: translateY(100px);
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        background-position: 100% 50%;
        transform: translateY(0);
    }
}

div.legal {
    width: 100%;
    max-width: 1200px;
    padding: 60px;
    margin: auto;
}