﻿.skeleton-banner {
    background-size: cover;
    height: 400px;
}

.carousel-banner {
    background-size: cover;
    height: 400px;
}

.movie-thumbnail {
    width: 209.03px;
    height: 289.54px;
}
/* Mobile-first default */
.bannerResponsive {
    /*     width: 100% !important; */ /* Mobile */
    height: 250px !important;
    background-color: black;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* For larger screens (desktop) */
@@media (min-width: 769px) {
    .bannerResponsive {
        /* Desktop */
        width: 100%;
        height: 90vh !important;
        background-color: black;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}