Blur gambar dan dekatkan teks paragraf

Saya mau agar gambarnya diblur hitam putih dan teksnya berada sedikit menutupi gambar

https://www.jotform.com/build/252267500639054

Hi Elfina,

Terima kasih telah menghubungi Dukungan Jotform. Jika Anda ingin gambarnya diblur hitam putih dan teksnya berada sedikit menutupi gambar, Anda dapat menyisipkan kode CSS ke formulir Anda. Mari saya jelaskan caranya:

1. Pertama, salin kode ini:

/* blur dan atur paragraf */

#id_12 .form-html p {

  font-family: 'Helvetica Neue', Arial, sans-serif;

  font-size: 1.1rem;

  line-height: 1.2; /* reduced line-height for tighter spacing */

  color: #6827F5;

  text-align: center;

  margin: 0; /* removes extra spacing between paragraphs */

  padding: 0; /* ensures no padding adds extra space */

  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);

  font-weight: 500;

}

#id_12 {

  margin-bottom: -12%;

  position: relative;

  z-index: 2;

}

#id_13 .form-image {

  filter: blur(5px);

  position: relative;

  z-index: 1;

}

/* berakhir di sini */

2. Di Pembangun Formulir, klik ikon Rol Cat di sisi kanan halaman untuk membuka Perancang Formulir.

3. Sekarang, di menu Perancang Formulir, klik tab Gaya, gulir ke bawah, lalu tempelkan kode ke dalam kotak Suntik Kode CSS. Selesai. Kode akan tersimpan secara otomatis.

Lihat tangkapan layar saya di bawah ini untuk melihat hasilnya:

Cobalah dan beritahu kami bagaimana hasilnya.