.title-background{
    font-size: 500%;
    font-weight: bolder;
    opacity: 15%;
    letter-spacing: 20px;
    color: rgb(122, 114, 230);
    text-align: center;
}
/* Pour les écrans larges (ex: desktop) */
@media (max-width: 1200px) {
    .title-background {
        font-size: 400%;
        letter-spacing: 15px;
    }
}

/* Pour les tablettes */
@media (max-width: 768px) {
    .title-background {
        font-size: 300%;
        letter-spacing: 10px;
    }
}

/* Pour les mobiles */
@media (max-width: 480px) {
    .title-background {
        font-size: 200%;
        letter-spacing: 5px;
    }
}