.video-wrapper {
  display: flex;
  justify-content: center;   /* centers horizontally */
  align-items: center;       /* optional: vertical centering if parent has height */
  width: 100%;
  margin: 20px 0;            /* optional: space around video */
}

.video-wrapper video {
  width: 100%;
  max-width: 800px;          /* limits how wide the video gets */
  height: auto;              /* keeps aspect ratio */
  border-radius: 8px;        /* optional: rounded corners */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* optional: subtle shadow */
}