Issue fixing + deletion of profile & logo

bizmatch/src/app/pages/subscription/account/account.component.scss

@@ -1,11 +1,11 @@
 .rounded-logo {
-    border-radius: 6px;
-    width: 120px;
-    height: 30px;
-    border: 1px solid #6b7280;
-    padding: 1px 1px;
-    object-fit: contain;
-  }
+  border-radius: 6px;
+  width: 120px;
+  height: 30px;
+  border: 1px solid #6b7280;
+  padding: 1px 1px;
+  object-fit: contain;
+}
 .rounded-profile {
   // @extend .rounded-logo;
   max-width: 100px;
@@ -14,7 +14,23 @@
   border: 1px solid #6b7280;
   padding: 1px 1px;
   object-fit: contain;
-}  
-.wfull{
+}
+.wfull {
   width: 100%;
-}
+}
+.image-wrap {
+  position: relative; /* Ermöglicht die absolute Positionierung des Icons bezogen auf diesen Container */
+  display: inline-block; /* Erlaubt die Inline-Anordnung, falls mehrere Bilder vorhanden sind */
+}
+/* Stil für das FontAwesome Icon */
+.image-wrap fa-icon {
+  position: absolute;
+  top: 5px; /* Positioniert das Icon am oberen Rand des Bildes */
+  right: 5px; /* Positioniert das Icon am rechten Rand des Bildes */
+  color: #fff; /* Weiße Farbe für das Icon */
+  background-color: rgba(0, 0, 0, 0.5); /* Halbtransparenter Hintergrund für bessere Sichtbarkeit */
+  padding: 5px; /* Ein wenig Platz um das Icon */
+  cursor: pointer; /* Verwandelt den Cursor in eine Hand, um Interaktivität anzudeuten */
+  border-radius: 8px; /* Optional: Abrunden der linken unteren Ecke für ästhetische Zwecke */
+  font-size: 0.7rem;
+}