* {
    font-family:'Raleway', sans-serif;
    margin: 0;
    padding: 0;
}

header img {
    padding: 30px;
    width: 70px;
}

main {
    height: 100vh;
    background: url(site-html/assets/img/dois-lutadores-de-judo-mostrando-suas-habilidades-tecnicas-no-clube-da-luta.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.container {
    width: 100%;
    max-width: 880px;
    margin: 0 auto 120px;
    display: flex;
    justify-content: end;
    position: relative;
    z-index: 9;
}

.container img {
    display: none;
}

main h1 {
    font-size: 32px;
    color: #fff;
    line-height: 1.2em;
    padding: 30px 30px 60px;

}

main:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #bc230082, transparent);
}

@media(min-width:1024px) {
    header img {
        display: none;
        width: 90px;
    }

    main {
        align-items: self-end;
    }

    main:after {
        background: linear-gradient(to top, #bc230029, transparent);
    }

    .container {
        width: 100%;
        max-width: 880px;
        margin: 0 auto 160px;
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 20px;
    }

    .container img {
        display: block;
        width: 100px;
        transform: translateX(-90px);
    }

    main h1 {
        padding: 0;
    }
}

@media(min-width:1920px) {
    .container {
        max-width: 1440px;
        margin: 0 auto 240px;
    }

    .container img {
        width: 200px;
    }

    main h1 {
        font-size: 52px;
    }
}