チャレンジ：モダンなカードコンポーネントを作成する

ウェブページの視覚的な魅力を高める練習。

• クラス名が card の div 要素にシャドウを追加。指定されたシャドウ値は以下の通り：

rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px

• クラス名が card の div 要素に背景画像を追加。画像リンクは以下：

   https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png

• カード内で背景画像を中央に配置。

• 要素にシャドウを追加するには、box-shadow プロパティに指定された値を使用。 今回の値は rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px。
• 画像を背景として設定するには、background-image プロパティで url("正しいパス") 構文を利用。 括弧内に引用符を開き、画像のパスを指定。今回の正しいパスは url("https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png")。
• 背景画像の位置を決めるには、background-position プロパティを使用。 今回は値を center に設定。