.news-list {
    display: flex;
    gap: 20px;  
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.newsItem {
    flex: 1 1 301px;
    box-sizing: border-box;
    position: relative;    
}
.m10 { margin-bottom: 10px;} 
.pt10 { padding-top: 10px;}           
.bb { font-weight: bolder;}
a.news-items-list {color:#000; margin-bottom: 20px; display: block;}
a.news-items-list .news-prev-pict {position: relative; display: block; width: 100%; overflow: hidden;}
a.news-items-list .news-prev-pict img {width: 100%;}
    a.news-items-list .news-prev-pict:before {position: absolute; z-index:1; content: " "; top:0; left: 0; width: 100%; height: 100%; margin-top: -2px; opacity:0; transition: 0.3s;}
    a.news-items-list:hover .news-prev-pict:before {opacity:0.6; background: #ffec41;}  
a.news-items-list .bb {color:#000; font-size: 18px;}
a.news-items-list:hover {text-decoration: none; color:#e3e004;}

.news-prev-pict img {
    overflow: hidden;
    margin-bottom: 20px;
}
.news-prev-pict img {
    width: 100%; 
    object-fit: fill;
}


@media (min-width: 768px){
    .newsItem {
        flex: 1 1 301px;
        box-sizing: border-box;
        position: relative;
    }      
}
@media (min-width: 1200px){  
    
    .news-list .newsItem:last-child {
        flex: 0 1 301px;  
    }
}