body {
    margin: 0;
    background: linear-gradient(to right,#e985a8,#79abe9)
}

.container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: .75rem;
    margin: .75rem
}

@media screen and (min-width: 600px) {
    .container {
        align-items:center
    }

    .inv-img {
        width: 60%
    }
}

@media screen and (min-width: 800px) {
    body {
        background:linear-gradient(to right,#e985a8,#fde9ee,#e4f5fc,#79abe9)
    }

    .container {
        align-items: center
    }

    .inv-img {
        width: 45%
    }
}