mejoras codigo error

nuxt_buefy/layouts/error.vue

@@ -2,12 +2,11 @@
   <section class="hero is-light is-bold is-large">
     <div class="container hero-body">
       <transition name="slide-fade" appear>
-        <div class="container columns">
+        <div class="columns">
           <div class="column animate__animated animate__fadeIn animate__slow">
             <b-image
-              class="image"
               :src="require('@/assets/404.webp')"
-              alt="404 image"
+              alt="404_image"
             ></b-image>
           </div>
 
@@ -36,21 +35,20 @@ export default {
 </script>
 
 <style scoped>
-.image {
-  height: 100%;
-  width: 100%;
-}
 .title {
   margin-top: 40%;
 }
+
 .slide-fade-enter-active {
   transition: all 2s ease;
 }
+
 .slide-fade-leave-active {
   transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
 }
-.slide-fade-enter, .slide-fade-leave-to
-/* .slide-fade-leave-active below version 2.1.8 */ {
+
+.slide-fade-enter,
+.slide-fade-leave-to {
   transform: translateX(10px);
   opacity: 0;
 }