.city-category-card{width:17rem;min-height:17rem;overflow:hidden;border-radius:.6em;position:relative}.city-category-card .absolute{position:absolute;margin:.5rem;z-index:10}.city-category-card .top-left{top:0;left:0}.city-category-card .bottom-left{bottom:0;left:0}.city-category-card .top-right{top:0;right:0}.city-category-card-image{height:100%}.city-category-card-title{width:100%;color:#fff;font-size:1.2rem;font-weight:600;padding:1rem}.city-category-card-title.absolute{margin:unset}.city-category-card-title:before{content:"";position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:100%;display:block;border-radius:8px;background-image:linear-gradient(0deg,#000,rgba(0,0,0,.31373),transparent)}