diff --git a/src/App/App.css b/src/App/App.css index 979471db11cf85661ccf390d65079b2a40f4b22c..32430c376be8af02d1a2cad66550003145b1af14 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -199,7 +199,9 @@ tr:nth-child(1) { /* * * * * * * */ /* BACKGROUND */ /* * * * * * * */ - +.bg-video-container{ +height: 500vw !important; +} .bg-d{ background-color: var(--text-primary) !important; } diff --git a/src/headers/bhf-h.tsx b/src/headers/bhf-h.tsx index da59dbe7307fa3cd989e0bf207db61bd06881e4c..3b9969c26a66c91a74e2eaf88b745a308fd82f81 100644 --- a/src/headers/bhf-h.tsx +++ b/src/headers/bhf-h.tsx @@ -3,9 +3,14 @@ export function BFHH() { return ( <> - <div className="row"> + <div className="row" style={{height: "800vw"}}> <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> + <div className="absolute"> + + </div> </div> </div> <div className="row">