.articles__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.articles__item{max-width:100%;width:100%;aspect-ratio:3/1;display:flex;align-items:center;justify-content:center;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center}.articles__item:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:rgba(204,204,204,.6);transition:all .25s linear}.articles__item:hover:after{height:40%;background-color:rgba(204,204,204,.8)}.articles__item--name{font-size:30px;line-height:1.2;font-weight:600;z-index:1}@media (min-width:720px){.articles__list{gap:30px}.articles__item{max-width:calc(50% - 15px)}}@media (min-width:1200px){.articles__item--name{font-size:60px}}@media (min-width:1400px){.articles__item{height:214px}}