.title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 1, 0.3) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%);
}

.title h2 {
    background-color: white;
    width: fit-content;
    padding-left: 2rem;
}

.quiz {
    display: flex;
    flex-direction: column;
}

.quiz .tile {
    background-color: var(--color-canvas);
    border-radius: var(--radius);
}

.quiz img {
    aspect-ratio: 1;
    width: 100%;
    object-fit: cover;
    border-radius: var(--radius);
}
.quiz .placeholder {
    align-content: center;
    background-color: var(--color-canvas);
    aspect-ratio: 1;
    width: 100%;
    border-radius: var(--radius);
}