bfh video header

src/App/App.css

@@ -200,7 +200,7 @@ tr:nth-child(1) {
 /* BACKGROUND  */
 /* * * * * * * */
 .bg-video-container{
-height: 500vw !important;
+margin-bottom: 10vw !important;
 }
 .bg-d{
   background-color: var(--text-primary) !important;

src/headers/bhf-h.tsx

 
 export function BFHH() {
-
     return (
       <>
-        <div className="row" style={{height: "800vw"}}>
+        <div className="row">
           <div className="col">
-          <div id="bg-video-container">
-          <iframe title="Bielefeld-CeBiTec: MeetUp (2024) [English]" width="100%" height="700" src="https://video.igem.org/videos/embed/30b8a6e0-2b4a-4618-8867-4eb8e6a52936?loop=1&amp;autoplay=1&amp;muted=1&amp;title=0&amp;warningTitle=0&amp;controlBar=0&amp;peertubeLink=0&amp;p2p=0" frameBorder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
+          <div className="bg-video-container">
+          <iframe title="Bielefeld-CeBiTec: MeetUp (2024) [English]" width="100%" height="700" src="https://video.igem.org/videos/embed/30b8a6e0-2b4a-4618-8867-4eb8e6a52936?start=27s&amp;loop=1&amp;autoplay=1&amp;muted=1&amp;title=0&amp;warningTitle=0&amp;controlBar=0&amp;peertubeLink=0&amp;p2p=0" frameBorder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
           </div>
           <div className="absolute">