@media (max-width: 768px) {
    .container {
        padding: var(--spacing-24);
    }

    .movie-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .movie-item img {
        width: 80px;
    }

    .login-form {
        padding: var(--spacing-16);
    }

    .button {
        padding: var(--spacing-8) var(--spacing-16);
    }

}

@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        padding: var(--spacing-24);
    }

    .movie-item img {
        width: 90px;
    }
}