Efecto desaparicion mensaje emergente

resources/views/capacidades.blade.php

@@ -63,4 +63,18 @@
         </div>
     </div>
 </div>
+
+<script>
+// Desaparecer el mensaje después de 3 segundos
+setTimeout(function() {
+    var message = document.getElementById('success-message');
+    if (message) {
+        message.style.transition = 'opacity 0.5s ease';
+        message.style.opacity = '0';
+        setTimeout(function() {
+            message.remove();
+        }, 500); // Tiempo para remover el elemento después de la transición
+    }
+}, 3000); // Tiempo en milisegundos antes de comenzar a desaparecer
+</script>
 @endsection