UI elements not showing up in scrollview

Hi, i’ve been working on my first project in unity. I am building a store in the app for buying new skins for the main player. I have a scrollview with all of the skins, and that works fine. However, I also want buttons underneath each of these sprites. However, any UI element I add is invisible as long as it is a child of the viewport. I just can’t figure it out. Thanks.

EDIT:
The button becomes visible when I disable the image component on the viewport, but it is still not clickable

EDIT:
Button became clickable when I disabled both the image and the masking components

EDIT: The button becomes visible when I disable the image component on the viewport, but it is still not clickable

EDIT: Button became clickable when I disabled both the image and the masking components