change operator used in SVG filter for tintColor from atop to in

Author: karlsander

packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap

@@ -343,7 +343,7 @@ exports[`components/Image prop "style" removes other unsupported View styles 1`]
         />
         <fecomposite
           in2="SourceAlpha"
-          operator="atop"
+          operator="in"
         />
       </filter>
     </defs>
@@ -410,7 +410,7 @@ exports[`components/Image prop "tintColor" convert to filter 1`] = `
         />
         <fecomposite
           in2="SourceAlpha"
-          operator="atop"
+          operator="in"
         />
       </filter>
     </defs>

packages/react-native-web/src/exports/Image/index.js

@@ -44,7 +44,7 @@ function createTintColorSVG(tintColor, id) {
       <defs>
         <filter id={`tint-${id}`} suppressHydrationWarning={true}>
           <feFlood floodColor={`${tintColor}`} key={tintColor} />
-          <feComposite in2="SourceAlpha" operator="atop" />
+          <feComposite in2="SourceAlpha" operator="in" />
         </filter>
       </defs>
     </svg>