.featured { color: #ffffff; font-weight: 700; width: 9em; height: 12em; text-align: center; font-size: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0; margin-bottom: 10px; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.25s; border-radius: 10px; } .featured:hover { transition: all .25s; cursor: pointer; transform: scale(1.1); background-size: cover; background-position: center; } .featured1 { background-image: url(https://catpedia.wiki/images/3/3c/Zazu.jpg); background-size: cover; background-position: center; background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)); } .featured2 { background-image: url(https://catpedia.wiki/images/c/c8/Doudou.jpg); background-size: cover; background-position: center; background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)); } .featured3 { background-image: url(https://catpedia.wiki/images/e/ea/Xiaojie.png); background-size: cover; background-position: center; background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)); } .featured4 { background-image: url(https://catpedia.wiki/images/5/5c/Cumshot.jpeg); background-size: cover; background-position: center; background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)); }