Fix new offline chat image on android

Author: jnowakow

src/pages/home/report/AnimatedEmptyStateBackground.tsx

@@ -43,7 +43,7 @@ function AnimatedEmptyStateBackground() {
     }, [isReducedMotionEnabled]);
 
     return (
-        <View style={StyleUtils.getReportWelcomeBackgroundContainerStyle(isSmallScreenWidth)}>
+        <View style={StyleUtils.getReportWelcomeBackgroundContainerStyle()}>
             <Animated.Image
                 source={illustrations.EmptyStateBackgroundImage}
                 style={[StyleUtils.getReportWelcomeBackgroundImageStyle(isSmallScreenWidth), animatedStyles]}

src/pages/home/report/ReportActionItemCreated.tsx

@@ -58,7 +58,6 @@ function ReportActionItemCreated(props: ReportActionItemCreatedProps) {
             errors={props.report?.errorFields?.addWorkspaceRoom ?? props.report?.errorFields?.createChat}
             errorRowStyles={[styles.ml10, styles.mr2]}
             onClose={() => navigateToConciergeChatAndDeleteReport(props.report?.reportID ?? props.reportID)}
-            needsOffscreenAlphaCompositing
         >
             <View style={[styles.pRelative]}>
                 <AnimatedEmptyStateBackground />

src/styles/utils/index.ts

@@ -800,15 +800,7 @@ function getReportWelcomeBackgroundImageStyle(isSmallScreenWidth: boolean): Imag
 /**
  * Gets the style for the container of the empty state background image that overlap the created report action
  */
-function getReportWelcomeBackgroundContainerStyle(isSmallScreenWidth: boolean): ViewStyle {
-    if (isSmallScreenWidth) {
-        return {
-            position: 'absolute',
-            top: CONST.EMPTY_STATE_BACKGROUND.OVERLAP,
-            width: '100%',
-        };
-    }
-
+function getReportWelcomeBackgroundContainerStyle(): ViewStyle {
     return {
         position: 'absolute',
         top: CONST.EMPTY_STATE_BACKGROUND.OVERLAP,