/* public/js/front/components/Categories.css
   Extracted verbatim from the (non-scoped) <style> block in
   resources/js/index/components/Categories.vue — link it from the Blade layout head, e.g.
   <link rel="stylesheet" href="/js/front/components/Categories.css"> */
.banner-img{
	background-color: #f2f7fb;
	display: flex;
	flex-direction: column;
	/* height: calc(100% - 15px); */
	justify-content: space-between;
}

.banner_img_box{
    order: 2;
    height: 200px;
    aspect-ratio: 1 / 1;
    display: flex;
    position: relative;
    justify-content: flex-end;
}

.banner-img img{
	position: relative;
	order: 2;
	align-self: flex-end;
	margin-top: -100px;
    object-fit:cover;
}
.banner-img .banner-text{
	position: relative;
    top: 0;
	padding:25px;
}