<style>
    
    /*$bg-colour: #333333;*/
    .card {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        border-radius: 5px; /* 5px rounded corners */
        background: #4f4e4e;
        border-bottom: #333333 solid 1px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 5px;
    }

    img {
        border-radius: 5px 5px 0 0;
    }

    /* On mouse-over, add a deeper shadow */
    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

    .card-container {
        padding: 2px 16px;
    }
    
    .image-fill {
        overflow: hidden;
        background-size: cover;
        background-position: center;
        position: relative;
    }
    
    
</style>

<div *ngIf="request" class="card" style="color: white;">
    <div style="position: relative; overflow: hidden;">
        <img src="{{request.posterPath}}" alt="poster" class="image-fill">
    </div>
    <div class="card-container">
        {{request.title}}
    </div>
</div>