.animateLoad::after {
    content: "Loading.....";
    display: inline-block;
    animation: loading 1s infinite ease-in;
}

@keyframes loading {
    0% {
        content: ".";
    }

    25% {
        content: "..";
    }

    50% {
        content: "...";
    }

    75% {
        content: "....";
    }

    100% {
        content: ".....";
    }
}

h1 {
    text-transform: capitalize;
}

.movie-container {
    width: 440px !important;
}

@media screen and (max-width: 600px){
    .movie-container {
        width: 268px !important;
    }

    .poster {
        object-fit: cover !important;
        object-position: top !important;
    }
}