.featured1 {
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;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/rk0mheip.webp);
user-select: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: transform 0.25s;
border-radius: 10px;
background-size: cover;
background-position: center;
}
.featured1:hover {
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/rk0mheip.webp);
transition: all .25s;
cursor: pointer;
transform: scale(1.1);
background-size: cover;
background-position: center;
}
.featured2 {
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;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/t00hji5n.webp);
user-select: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: transform 0.25s;
border-radius: 10px;
background-size: cover;
background-position: center;
}
.featured2:hover {
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/t00hji5n.webp);
transition: all .25s;
cursor: pointer;
transform: scale(1.1);
background-size: cover;
background-position: center;
}
.featured3 {
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;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/nl7d1sju.webp);
user-select: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: transform 0.25s;
border-radius: 10px;
background-size: cover;
background-position: center;
}
.featured3:hover {
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/nl7d1sju.webp);
transition: all .25s;
cursor: pointer;
transform: scale(1.1);
background-size: cover;
background-position: center;
}
.featured4 {
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;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/e5sjidi7.webp);
user-select: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: transform 0.25s;
border-radius: 10px;
background-size: cover;
background-position: center;
}
.featured4:hover {
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://i.e-z.host/e5sjidi7.webp);
transition: all .25s;
cursor: pointer;
transform: scale(1.1);
background-size: cover;
background-position: center;
}