Flutter code

Network Image

        Container(
            padding: const EdgeInsets.symmetric(horizontal: 20),
           decoration: BoxDecoration(
            color: Colors.black12.withAlpha(100),

             borderRadius: const BorderRadius.all(Radius.circular(40)),
           ),
              
              child: const Text('رمضان كريم', style: TextStyle(fontSize: 30, color: Colors.white),)),
        ),
     

Asset Image

        Container(
          width: double.infinity,
          height: double.infinity,
          // child: Text('Image', style: TextStyle(fontSize: 100),),
          decoration:  const BoxDecoration(

            color: Colors.blue,
            backgroundBlendMode: BlendMode.colorDodge,
            image: DecorationImage(
                image: AssetImage("images/quran.jpg"),
                fit: BoxFit.cover,

                ),
          ),
        ),
      
     

Simple container

      Container(
      padding: const EdgeInsets.all(12),
      decoration: BoxDecoration(
          gradient: LinearGradient(colors: [color, color.withAlpha(100)]),
          boxShadow: [
            BoxShadow(
                color: color,
                blurRadius: 4,
                spreadRadius: 3,
                offset: const Offset(0, 2))
          ],
          borderRadius: BorderRadius.circular(9),
          border: Border.all(
            width: 3,
            color: color,
          )),
      child: Text(text,
          style: GoogleFonts.sacramento(fontStyle: FontStyle.normal, color: Colors.white, fontSize: 30),
          ),
    )