.hero-section {
  background-image: url("../img/about_pg/video_bg2.jpg"); /* Replace with the actual path to your image */
  background-size: cover; /* Ensures the image covers the entire section */
  background-position: center; /* Centers the image within the section */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  min-height: 500px; /* Set a minimum height for the section to make the background visible */
  color: white; /* Example: Set text color for better contrast with the background */
  padding: 20px; /* Example: Add some padding to the content */
}