Added more devices and made phone outline draw over the screenshot

package.json

@@ -24,7 +24,7 @@
     "@vue/cli-plugin-router": "^4.0.0",
     "@vue/cli-plugin-vuex": "^4.0.0",
     "@vue/cli-service": "^4.5.15",
-    "node-sass": "^7.0.0",
+    "sass": "^1.52.3",
     "sass-loader": "^8.0.0",
     "vue-template-compiler": "^2.6.10"
   }

src/App.vue

@@ -42,9 +42,14 @@
 									<select
 										class="shadow block appearance-none w-full bg-white border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
 										v-model="scene.phone">
-										<option value="nexus">Nexus</option>
 										<option value="iphone">iPhone</option>
+										<option value="iphone_se_black">iPhone SE Black</option>
+										<option value="iphone_13_pro_max_graphite">iPhone 13 Pro Max Graphite</option>
+										<option value="nexus">Nexus</option>
 										<option value="nexus_black">Nexus Black</option>
+										<option value="pixel_5_just_black">Pixel 5 Just Black</option>
+										<option value="s21_ultra_black">S21 Ultra Black</option>
+										<option value="mi_mix_alpha">Mi Mix Alpha</option>
 									</select>
 									<div
 										class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">

src/components/Scene.vue

@@ -6,8 +6,9 @@
             <div class="editable-area flex justify-center items-center h-48 py-8 text-center overflow-hidden" :style="{'font-family': scene.fontFamily, 'font-size': scene.fontSize + 'px', 'color': scene.textColor.hex8 }">
 				{{ scene.text }}
             </div>
-            <img :src="require(`@/assets/images/${scene.phone}.png`)" alt="" class="phone-frame absolute bottom-0 w-full h-auto">
+			<img :src="require(`@/assets/images/click_and_select.png`)" class="screenshot-cover">
             <div class="screenshot-cover" :style="scene.screenshotBase64 ? {'background-image': 'url(' + scene.screenshotBase64 + ')'} : ''"></div>
+            <img :src="require(`@/assets/images/${scene.phone}.png`)" alt="" class="phone-frame absolute bottom-0 w-full h-auto">
         </div>
     </div>
 </template>