Improve intro slides style

src/components/Overrides/CustomIntroSlider.js

         {state.currentSlide === index ? (
           <View style={{height: '100%', flex: 1}}>
             <View style={{flex: 1}}>{item.view()}</View>
-            <Animatable.View animation="fadeIn">
+            <Animatable.View useNativeDriver animation="fadeIn">
               {index !== 0 && index !== this.introSlides.length - 1 ? (
                 <Mascot
                   style={{
                   borderColor: 'rgba(0,0,0,0.60)',
                   borderWidth: 4,
                   borderRadius: 10,
+                  elevation: 0,
                 }}>
                 <Card.Content>
                   <Animatable.Text
+                    useNativeDriver
                     animation="fadeIn"
                     delay={100}
                     style={styles.title}>
                     {item.title}
                   </Animatable.Text>
                   <Animatable.Text
+                    useNativeDriver
                     animation="fadeIn"
                     delay={200}
                     style={styles.text}>
   static getIconView(icon: MaterialCommunityIconsGlyphs): React.Node {
     return (
       <View style={{flex: 1}}>
-        <Animatable.View style={styles.center} animation="fadeIn">
+        <Animatable.View
+          useNativeDriver
+          style={styles.center}
+          animation="fadeIn">
           <MaterialCommunityIcons name={icon} color="#fff" size={200} />
         </Animatable.View>
       </View>
   getRenderNextButton = (): React.Node => {
     return (
       <Animatable.View
+        useNativeDriver
         animation="fadeIn"
         style={{
           borderRadius: 25,
   getRenderDoneButton = (): React.Node => {
     return (
       <Animatable.View
+        useNativeDriver
         animation="bounceIn"
         style={{
           borderRadius: 25,