.card { display: flex; flex-wrap: wrap; margin-bottom: 2em; overflow: auto; }
.card .card-image { overflow-x: hidden; flex: 3; min-width: 300px; }
.card .card-image .card-image-icon { position: absolute; top: 0; right: 0; }
.card .card-image i { padding: 10px; color: #fff; font-size: 20px; }
.card .card-image i:hover { color: #4D535E; border-radius: 50%; border: 1px outset #4D5473; }
.card .card-image a.card-title { position: unset; font-weight: bold; color: #fff; width: 100%; height: 100%; line-height: 100%; justify-content: center; word-break: break-all; z-index: -1; }
.card .card-content { flex: 2; min-width: 200px; overflow: hidden; font-size: 14px; line-height: 110%; }
.card .card-content span { width: 100%; }