How to use Stack View to center a button in a container?

Question

I am new to Stack Views so bear with me. I have an outer Stack View that contains all my elements as displayed in the image:

My problem is that the "Skip" button is now outside its container. I have tried to set constraints for "Center Horizontally" and "Center Vertically", but this causes my image to look like this:

As we can see, both my button and my container are no longer appearing in the Scene. What am I doing wrong here?

Here are my constraints for my container:

Here are my constraints for my "Skip" button:

Answer 1

Stack views essentially work on the principle of stacking objects which will obviously remove the prior constraints. The previous answer is correct but does not take into consideration stack views as asked by the question.

The simplest fix would to essentially "group" your button and image by placing them in a view and then adding the view into the stack view.