How to inline Image and Text next to each other. Using View Component

Wanted to inline Image and Text next to each other. I try to wrap both inside Text component it is showing inline but the alignment of image is little weird. Image move to little upward doesn't align to text content. Also I tried to apply css to Image that doesn't work not able to move image vertically.

[Repl](https://react-pdf-repl.vercel.app/?cp_code=JYWwDg9gTgLgBAbzgFQKYA8YBo4AUCGA5qjgJIhElwAiEAxgK4ioB28AvnAGZQQhwAiAAJRU-OjAC0YACZcA9KJYzUoqAIDcAKC0ZIsOCq74GAG3gAKAJRwAvAD44FrXDgAeWo2Zt7L1-4JiOABnYAAvVFsEAG0ADgAGeIBdTmCYAE9TSIQkfFNgQhZSGFQQYIAuQTpWEvUcACsGNOAudIBhCDYayoFqrrq4MHwZGWAWQkqARni4dnZff0Wl5dc3NEwQjKyopFHgsFN8dPKBLiz0ARwzjGpgUQlgTpPeAHdLuDyCopKynr7a96NZqtDpdNh_GqqASzeZ-FbwpZrDAwewAQXgADdVBA4KgIMFcfBxIxgvgQE1CXBgE0YDiIKMcaNCsBgqEQPjDAw6KAKQBHBjAOAAI0OymAMGALMGUHwqGCNWp_AxEFMDDAMHwMCYhlQWRY4sFmv5qDhCLNizc5EopvNtv8aUy2QQNrtrtcL2AMhgAAsegBWeJgC5YF1uu3e1AFb0wHoAZkDwdDYZWcyTyaWwSgdFsAmjMDAFXk8jVpggwwAdB6ANagVCjfDl6CEeTV4BgOvAfDyOh8dksYLyBRcABM8gAovg0qoWAB9ABC-Cgs4A8i9TDOAKTD2LIdK0mf1fAY_D6uj4GdT2CsYJbgCcW7aM4ASvgCsMHzOALL4b2LyfRmVy3qMBCAENNk3kBZ00ReR1hRcDXSRTBHB7KAoDVCU4H5DkZBVaA5UpflJzgdksmaYiMGqdUGCgQVQjYOB6DPVAz0wxgwE9cVNVQOAWE6aUIAxT1WDcWDkV8BC7UtChiEksMHW2HI5Ogj0vV9QQAyDS5lPTCMoxjQR4y0kNoIRVNTPhTNs1zGB80LYsDjLGRK2AGtmHrRsoGbVt23rbte06Ach1HCdL1nBclxnVd1y3Hc9wgA8jxPYAzwvWoSn7O8PxfN8ZA_b9fxlYIAIbYDQJ0hFIJ0Cz_CQlF0TgLFeFxDlUCJOgSTJCk2qpGk6QZQwvhZNkcK5HkCX5QURRPUYJSlMAZTlBVtWVVV1U1bUVD1A1RLgqCauk60auWBSnQqsNVJ9f0E2046ET0whozjG6TLu_xzLe1wrJzPMC3KIsSycly3I7BsmxbVy21B_yQD7ILBxCydanCxcVzXTdt13fdD2PU9z0vDKb2He9h0fHLCHfUmvx_P9ipgQCyrAu6qruurHCNBgeNQ9D1UFbCCVw0tRAJHqiIJUi5QlCj0CorVaJCMZ4CY2VWMFdjOI1EpeP4hbBOElhdvE87arE5CKtEwJUH2hFRM8Jgal8KxtCAA&modules=true)