chore: sync content to repo (#9478)

Co-authored-by: kamranahmedse <4921183+kamranahmedse@users.noreply.github.com>

src/data/roadmaps/css/content/background-image@d-rp-EHKyHnzuIHWHOc7C.md

@@ -0,0 +1,10 @@
+# Background Image
+
+A background image in CSS lets you add an image to the background of an HTML element. This image can be a simple pattern, a photograph, or any other visual element you want to display behind the content of your element. You can control how the image is positioned, repeated, and sized within the background area.
+
+Visit the following resources to learn more:
+
+- [@article@MDN – background-image](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/background-image)
+- [@article@CSS-Tricks – A Complete Guide to CSS Backgrounds](https://css-tricks.com/almanac/properties/b/background/)
+- [@video@How to include a CSS background image 🏙️](https://www.youtube.com/watch?v=_oFWg_NlKdo)
+- [@video@Background images with HTML & CSS](https://www.youtube.com/watch?v=zHZRFwWQt2w)

src/data/roadmaps/css/content/font-weight@jV9oHJdtocQzzALylaFnA.md

@@ -0,0 +1,10 @@
+# Font Weight
+
+Font weight refers to the thickness or boldness of characters in a typeface. In CSS, it's a property that allows you to specify how heavy or light the font should appear. Values can be numeric (like 100, 400, 700) or descriptive (like `normal`, `bold`, `lighter`, `bolder`), offering control over the visual emphasis of text.
+
+Visit the following resources to learn more:
+
+- [@article@Font Weight](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-weight)
+- [@article@An Introduction to HTML/CSS Font Weight](https://www.udacity.com/blog/2021/01/html-css-font-weight.html)
+- [@article@CSS font-weight Property](https://www.w3schools.com/cssref/pr_font_weight.php)
+- [@video@CSS Tutorial For Beginners 30 - Font Weight](https://www.youtube.com/watch?v=qeh4UeaGTnc)