.course{
    padding-bottom:56px;
}
.intro{
    display:grid;
    grid-template-columns:200px 1fr;
    grid-gap:48px;
    margin-bottom:48px;
    line-height:170%;
}
.course .section-text{
    line-height:170%;
}
.intro .image span{
    display:block;
    border-radius:8px;
    overflow:hidden;
    width:100%;
    height:120px;
    object-fit: fill;
    position:relative;
}
.intro .image img{
    min-width:200px;
    width:auto;
    height:120px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.lesson-time{
    display:inline-block;
    background-color:var(--gray5);
    padding:24px;
    border-radius:8px;
    font-weight:400;
    margin-top:24px;
}
.section{
    line-height:170%;
}
@media screen and (max-width:800px){
    .intro{
        margin-bottom:40px;
    }
}
@media screen and (max-width:600px){
    .intro{
        grid-template-columns:1fr;
        grid-gap:30px;
        margin-bottom:32px;
    }
    .intro .image img{
        width:100%;
        height:auto;
        position:initial;
        transform:none;
    }
    .intro .image span{
        height:auto;
        position:initial;
        line-height:0;
    }
    .lesson-time{
        padding:16px;
    }
}