PK ]cOXVd < bs-content-bg-video.cccomp PK bOXX component.json {"UUID":"dc78d91e-34bf-44c1-871e-eb7f61df8ac7","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"HTML5 Video":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 2":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3541","appId":"RSD","appVersion":3541,"buildNumber":5982,"component_resources":{"classes":5,"file_sizes_values":[205159,1145467,0],"file_type_values":[1,1,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":"2 (local size 1,29 MB)","styled_breakpoints":"576px / 768px / 992px / 1200px"},"description":"Your component description","element_name":"Container","framework":"bootstrap4","html":"
The Waves
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
","htmlembed":{},"mobile_first":true,"name":"bs-content-bg-video","resources":{"./video/vid-1.jpg":{"breakpoints":{},"elements":{"counter":1},"pictures":{},"type":"image"},"./video/vid-1.mp4":{"breakpoints":{},"elements":{"counter":1},"pictures":{},"type":"video"}},"stylesheet":".container-grid.bg-content-size-container {\n width:56vw;\n height:31.5vw;\n margin-right:auto;\n margin-left:auto;\n margin-top:30px;\n}\n\n.container-grid.video-caption {\n background-color:rgba(0, 0, 0, 0.1);\n color:rgba(241, 241, 241, 1);\n position:absolute;\n bottom:0px;\n width:100%;\n}\n\nh2.vid-heading {\n width:90%;\n margin-right:auto;\n margin-left:auto;\n margin-top:10px;\n margin-bottom:10px;\n font-size:20px;\n}\n\np.paragraph.vid-para {\n width:90%;\n margin-right:auto;\n margin-left:auto;\n margin-top:10px;\n margin-bottom:10px;\n font-size:14px;\n}\n\n@media screen and (min-width: 36rem) {\n h2.vid-heading {\n width:85%;\n }\n\n p.paragraph.vid-para {\n font-size:15px;\n width:85%;\n }\n}\n\n@media screen and (min-width: 48rem) {\n h2.vid-heading {\n font-size:24px;\n }\n\n p.paragraph.vid-para {\n font-size:16px;\n }\n}\n\n@media screen and (min-width: 62rem) {\n h2.vid-heading {\n font-size:28px;\n }\n}\n\n@media screen and (min-width: 75rem) {\n .container-grid.bg-content-size-container {\n width:54vw;\n height:31.5vw;\n }\n\n .container-grid.video-caption {\n background-color:rgba(0, 0, 0, 0.15);\n }\n\n h2.vid-heading {\n font-size:30px;\n margin-top:8px;\n }\n}","timestamp":1707996068165,"type":"Container","units":"rem"}
PK bOXh:! g! resources/video/vid-1.jpg XICC_PROFILE HLino mntrRGB XYZ 1 acspMSFT IEC sRGB -HP cprt P 3desc lwtpt bkpt rXYZ gXYZ , bXYZ @ dmnd T pdmdd vued L view $lumi meas $tech 0 rTRC <