.city-card{flex:0 0 100%;max-width:100%}.city-card-container{position:relative;margin:12px;border-radius:12px;overflow:hidden;transition-duration:.3s}.city-card__image{position:relative;width:100%}.city-card-content{position:absolute;display:flex;top:0;bottom:0;width:100%;background:linear-gradient(transparent,var(--black-color-50))}.city-card-content__city{display:flex;padding:20px;color:var(--white-color);width:100%}.city-card:hover .city-card-content__city{margin-bottom:20px;transition-duration:.3s}.city-card-content__title{font-size:1.7rem;line-height:2.5rem}.city-card-content__subtitle{font-size:1.2rem;font-weight:400;letter-spacing:normal;line-height:2rem}@media (min-width: 600px){.city-card{flex:0 0 50%;max-width:50%}}@media (min-width: 960px){.city-card{flex:0 0 25%;max-width:25%}}