/* public/js/front/components/PopularCategories.css
   Extracted verbatim from the (non-scoped) <style> block in
   resources/js/index/components/PopularCategories.vue — link it from the Blade layout head, e.g.
   <link rel="stylesheet" href="/js/front/components/PopularCategories.css"> */
.aspect_img{
    aspect-ratio: 1 /1.05 !important;
}
.aspect_img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}