Refactor code structure for improved readability and maintainability

cards/templates/cards/_form.html

@@ -61,6 +61,13 @@
       </div>
     </div>
   </div>
+  <div class="field">
+    <label class="label">{{ form.background.label }}</label>
+    <div class="control">
+      <div class="select is-fullwidth">{{ form.background }}</div>
+      <p class="help">Optional: choose a background image to use for this card.</p>
+    </div>
+  </div>
   <script>
     (function(){
       // Attach to file inputs within this form fragment and update the .file-name text

templates/cards/_form.html

@@ -60,6 +60,13 @@
       </div>
     </div>
   </div>
+  <div class="field">
+    <label class="label">{{ form.background.label }}</label>
+    <div class="control">
+      <div class="select is-fullwidth">{{ form.background }}</div>
+      <p class="help">Optional: choose a background image to use for this card.</p>
+    </div>
+  </div>
   <script>
     (function(){
       const script = document.currentScript;