main article {
    background-color: rgba(255, 255, 255, 0.9);
    grid-column: 1;
    grid-row: 1;
    height: 100%;
}

main aside {
    position: relative;
    margin-bottom: 2em;
}

main aside:nth-of-type(odd) {
    grid-template-columns: 4fr 5fr;
}

main aside:nth-of-type(even) {
    grid-template-columns: 5fr 4fr;
}

main iframe {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: 420px;
}

main img {
    margin: auto;
    max-width: 80%;
    display: block
}

main li {
    margin: 0.5em 1em;
}

main p {
    padding: 1em 0;
}

main .actionButton {
    margin: auto;
}

@media (min-width:1000px) {
    main aside {
        display: grid;
        align-items: center;
    } 
    main .flex {
        display: flex;
        gap: 1em;
    }   
    main .flex > img {
        width: 90%; 
        padding: 3em;
    }
    main article {
        padding: 4em;
    }
}

@media (max-width:1000px) {
    #sleeping {
        display: none;
    }
    main img {
        max-width: 60%;
        padding-bottom: 3em;
    }
    main article {
        padding: 2em;
    }
}