.course-header-banner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
    margin: 0 !important;
    height: 185px;
    background: #282d36 url("../webimages/adding-online-courses.jpg") no-repeat local left top;
    background-size: 100% 100%;
    background-blend-mode: overlay;
    opacity: .95 !important;
}
.course-image-view {
    display: flex;
    width: 100% !important;
    min-height: 360px;
    max-height: 390px !important;
    background: #F1F5F9 no-repeat local left top;
    background-size: 100% 100%;
}
@media (min-width: 720px) {
    .course-header-banner {
        min-height: 320px !important;
        max-height: 345px !important;
    }
}