How to make a UI button that allows other buttons under it (lower on ZIndex) to be pressed simultaneously?

Im making a shooter gui for mobile support game and iv run into an issue. The UI should take up the bottom right corner of the screen and therefore will cover the jump button. Using a UI button will prevent me from using the jump button so what I have done so far is script a function that runs on mouse click and then tests if the mouse is in the area where the ui should be and just have a image label there instead of a button. This works but has presented me with an issue where if the player is using touch input on any other part of the screen (e.g. thumbstick) it will not register that the player is still holding the ‘button’. Iv explained it as best as I can but if anyone reading this still doesn’t understand ill try to annotate some images to show what I mean.

Altogether what im trying to achieve is something similar to the mobile system of BIG Paintball

https://developer.roblox.com/en-us/api-reference/function/BasePlayerGui/GetGuiObjectsAtPosition

You might need to for i, v in ipairs() loop through the gui objects ^^^ and based on the name of the objects you can figure out if the player’s mouse is on top of the ui.

Iv looked at solutions such as this already, my problem is with mobile device where the mouse can be in multiple places at once. What im looking for is a solution with either a way to make a button ‘transparent’ in terms of clicks or a solution that allows me to handle touch positions (detect multiple touch inputs at once and keep track of them)