PRODUCT PAGE - Put video in the middle of page

I am trying to put the video pic(i have forgotten what it is called) in the middle under the heading i have for it. Instead its sitting beside the heading. And no matter what i try it wont do what i need. I also want to make it bigger than it is but that is not working for me either.

u mean like this?
https://codepen.io/hbar1st/pen/MByoJx

Yes! Thank you. What did you do diifferent?

Sorry, I have already forgotten. Can you copy the css and compare it to yours?

Your video class should be like:

.video {
/*   margin: auto; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

it did not work. its not going to the center

You have misspelled column in flex-direction