Movie scraping

style.css

body {
                font-family: sans-serif;
            }

            .movies {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                flex-flow: wrap;
                justify-content: flex-start;
                align-content: end;
            }

            .movies > .item {
                bottom: 0;
                background: #00000070;
                text-align: center;
                color: #ffffff;
                position: relative;
                margin: 4px;
            }

            .movies > .item > span.top {
                top: 0;
                right: 0;
                position: absolute;
                font-weight: bold;
                color: red;
                margin: 4px;
            }

            .movies > .item > span.bottom {
                bottom: 0;
                left: 0;
                position: absolute;
                background: #0000004f;
                width: 100%;
            }

            .movies > .item > img {
                position: initial;
            }