Center video on desktop with text underneath

[Notagrownup]

How do I make the video large and center on a desktop with the text below it? Right now, the video is on the left, and the text/caption is on the right. The theme is Dawn. 
http://notagrownup.net

[Dan-From-Ryviu]

Please add this code to Custom CSS of that section

.image-with-text__grid { flex-direction: column; }
.image-with-text__media-item,
.image-with-text__text-item { width: 100%; }

[BiDeal-Discount]

Hi @Notagrownup 

let try to add this custom css to apply this code for desktop only:

@media screen and (min-width: 750px){
  .custom-video-container .image-with-text .grid {
    flex-direction: column;
  }
  .custom-video-container .image-with-text__media-item, .custom-video-container .image-with-text__text-item{
    width: 100%;
  }
}

 The result will like:

[GTLOfficial · Accepted solution]

Hello @Notagrownup 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.custom-video-container .image-with-text__media-item {
width: 51% !important;
}
@media screen and (min-width: 750px) {
.image-with-text__media-item--large + .image-with-text__text-item {
flex-grow: 1;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Notagrownup]

This was very helpful, but the text isn't centered. Is that an easy fix?