.movieman-wrap {
    max-width: 1200px;
    margin: 24px auto;
    padding: 0 16px;
}

.movie-poster {
    aspect-ratio: 2 / 3;
    object-fit: cover;
}
.movie-card {
    transition: box-shadow .15s ease;
}
.movie-card:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.poster-wrap {
    position: relative;
    overflow: hidden;
}
.type-ribbon {
    position: absolute;
    top: 12px;
    left: -34px;
    transform: rotate(-45deg);
    width: 130px;
    text-align: center;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .5px;
    color: #fff;
    padding: 3px 0;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.ribbon-series { background: #6f42c1; }
.ribbon-doc    { background: #d63384; }