diff --git a/src/App/App.css b/src/App/App.css index 32430c376be8af02d1a2cad66550003145b1af14..d50c6bfdfd9ecbcbd12cf2e97e3f25a3e9d45ad7 100644 --- a/src/App/App.css +++ b/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; diff --git a/src/headers/bhf-h.tsx b/src/headers/bhf-h.tsx index 3b9969c26a66c91a74e2eaf88b745a308fd82f81..db5014de39820c167a1c7ff7cd7d49f06ad5a558 100644 --- a/src/headers/bhf-h.tsx +++ b/src/headers/bhf-h.tsx @@ -1,12 +1,11 @@ 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&autoplay=1&muted=1&title=0&warningTitle=0&controlBar=0&peertubeLink=0&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&loop=1&autoplay=1&muted=1&title=0&warningTitle=0&controlBar=0&peertubeLink=0&p2p=0" frameBorder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe> </div> <div className="absolute">