.container-category-list{margin:20px auto}.container-category-list>h3{margin:15px 0;font-size:20px;color:#78542c}.container-category-list .category-list{display:-ms-grid;display:grid;-ms-grid-columns:25% 5px 25% 5px 25% 5px 25%;grid-template-columns:repeat(4,25%);gap:5px;max-width:100%}.container-category-list .category-list .category-item{display:block;width:100%;aspect-ratio:20/13;overflow:hidden;border-radius:2px;position:relative}.container-category-list .category-list .category-item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.container-category-list .category-list .category-item h3{position:absolute;width:100%;bottom:0;background-color:rgba(0,0,0,.4666666667);color:#fff;padding:5px 10px}.container-category-list .category-list .category-item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:845px){.container-category-list .category-list{-ms-grid-columns:(50%)[2];grid-template-columns:repeat(2,50%)}}@media only screen and (max-width:500px){.container-category-list .category-list{-ms-grid-columns:(100%)[1];grid-template-columns:repeat(1,100%)}}