اگر بخواهید نوشته ای در یک المان بگذارید، یکی از بهترین راه ها برای بهتر دیده شدن آن، تیره کردن بک گراند است. کافی است تا کد css زیر را برای آن المان قرار دهید:

.container
{

background:
        /* top, transparent black, faked with gradient */ 
        linear-gradient(
          rgba(0, 0, 0, 0.7), 
          rgba(0, 0, 0, 0.7)
        ),
        /* bottom, image */
        url(https://images.unsplash.com/photo-1614030424754-24d0eebd46b2);
}

س