PK |SV=`
f-side-by-side-img.cccomp PK w|SwF A component.jsonA{"UUID":"d2f903f3-510b-4545-91b9-53a56cbc41c5","additional_states":{"Container":{"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.3490","appId":"RSD","appVersion":3490,"buildNumber":5947,"component_resources":{"classes":5,"file_sizes_values":[851988,0,0],"file_type_values":[3,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":"3 (local size 832,02 kB)","styled_breakpoints":"640px / 1024px"},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
Side-by-Side Backgr. Images
On small screens the middle image will cover the two other ones. Which image covers the others can be decided by arranging the sequence of the images on the Styles pane -> Design tab. The one at the top of the list covers the other two.
","htmlembed":{},"mobile_first":true,"name":"f-side-by-side-img","resources":{"./img/lista-1.jpg":{"breakpoints":{"1024":{".container.multiple-bg":"background-image"},"default":{".container.multiple-bg":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./img/lista-2.jpg":{"breakpoints":{"1024":{".container.multiple-bg":"background-image"},"default":{".container.multiple-bg":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"./img/lista-3.jpg":{"breakpoints":{"1024":{".container.multiple-bg":"background-image"},"default":{".container.multiple-bg":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"}},"stylesheet":".container.side-by-side-wrap {\n max-width:1320px;\n margin-top:0px;\n margin-right:auto;\n margin-left:auto;\n}\n\n.container.multiple-bg {\n height:660px;\n position:relative;\n background-image:url('./img/lista-1.jpg?id=17&cache=1638127830434'),url('./img/lista-3.jpg?id=19&cache=1638127720544'),url('./img/lista-2.jpg?id=18&cache=1638127664444');\n background-position:center center,right center,left center;\n background-attachment:scroll,scroll,scroll;\n background-repeat:repeat-y,repeat-y,repeat-y;\n background-size:contain,contain,contain;\n background-origin:padding-box,padding-box,padding-box;\n background-clip:border-box,border-box,border-box;\n background-blend-mode:normal,normal,normal;\n}\n\n.container.multiple-txt {\n position:absolute;\n right:50px;\n left:50px;\n top:250px;\n bottom:100px;\n}\n\nh2.multiple-heading {\n margin-bottom:20px;\n text-align:center;\n font-size:22px;\n font-weight:600;\n color:rgba(3, 13, 136, 1);\n}\n\np.paragraph.multiple-para {\n margin-right:0px;\n padding-right:20px;\n padding-bottom:20px;\n padding-top:20px;\n padding-left:20px;\n background-color:rgba(204, 204, 204, 0.2);\n color:rgba(3, 13, 136, 1);\n}\n\n@media screen and (min-width: 40rem) {\n h2.multiple-heading {\n font-size:30px;\n }\n}\n\n@media screen and (min-width: 64rem) {\n .container.side-by-side-wrap {\n margin-top:30px;\n }\n\n .container.multiple-bg {\n background-image:url('./img/lista-1.jpg?id=17&cache=1638127830434'),url('./img/lista-3.jpg?id=19&cache=1638127720544'),url('./img/lista-2.jpg?id=18&cache=1638127664444');\n background-position:center center,right center,left center;\n background-attachment:scroll,scroll,scroll;\n background-repeat:repeat-y,repeat-y,repeat-y;\n background-size:contain,contain,contain;\n background-origin:padding-box,padding-box,padding-box;\n background-clip:border-box,border-box,border-box;\n background-blend-mode:normal,normal,normal;\n }\n\n .container.multiple-txt {\n right:100px;\n left:100px;\n }\n\n h2.multiple-heading {\n font-size:36px;\n color:rgba(3, 13, 136, 1);\n }\n\n p.paragraph.multiple-para {\n background-color:rgba(204, 204, 204, 0.2);\n color:rgba(3, 13, 136, 1);\n font-weight:500;\n }\n}","timestamp":1638131226190,"type":"Container","units":"rem"}
PK w|S`;v N resources/img/lista-1.jpg
WExif MM * ( 1 2 Ӈi
'
'Adobe Photoshop 23.0 (Windows) 2021:11:14 16:54:05 0231 n v( ~ H H Adobe_CM Adobe d
k" ?
3 !1AQa"q2B#$Rb34rC%Scs5&DTdE£t6UeuF'Vfv7GWgw 5 !1AQaq"2B#R3$brCScs4%&5DTdEU6teuFVfv'7GWgw ? JJ(M%)%
P%ja =ԮL8; 0ژHLB*G LЍ%
P$I$I%,Z,V!%'5w;QN8kQΖ0DsO,imhk` Uk{v$As|_$Ee Cs\A (M^=c3t~jф0ЦCJ(F I$I%)6W
cK7w;ob}XRt"f7Al3G?Y ly"헉sY:v*εow&[f[0CwQ۪%[0?V9{}09&usR8;UǤZElB=G$i KI`a4$I$I%)gu 79hc vhucď4PI
Q>dv9t1C_#HI$@M:SpI$I%)eugp]Iժ)Sx# $!?⒛]%ӟ+\Ut~BTI%)(_$I)I$I%)eu*~FUh?()/)NDzc1؟]2v/!t˗}IJI$RI$ I$I%)c`]X|VPS]HH$)'M>9
v0 `WPW/?l>6!u$IJI$SwakkL߹͖{wIsu7[Lkry]ɶ.|c]# Q?XaWɄ ҵp X^9߶Yhl&gYhi6=)
ׅBJO^?c'ພ TJJY$IJI$S״OWE5M֍=wZlM D9rn~iUgXsi W[^vD"2[[T:veg=: u"OUe
kv5p2H vG >U|tHfI-mc(?əςg8'PHOV3O5uNW)fډcu()5.qK ଏ7Jxc"Nb0FVҷJ)ضq$Th6Y^yi-\-q-{}(lt
<I#_tOCX#kDiB=Vhi,oihg͡h`2DKZs' ;H}$3i$9y{iߣ R1fFy'nB1E$6K ;pgHR
4JXպ;;HoLqjK4Nlq՞0p-;<ypsդ^({ldϴ#m'kle>ҟ J跭cԴӯIR9,';}/wk,t4ע%,d?i-գ~D7JӠ9">JP<&
ȱK\!Y=P l ȧ{Ytj Photoshop 3.0 8BIM 8BIM% \/{gdպ8BIM: printOutput PstSbool Inteenum Inte Clrm printSixteenBitbool printerNameTEXT printProofSetupObjc P r o o f S e t u p
proofSetup Bltnenum builtinProof proofCMYK 8BIM; - printOutputOptions Cptnbool Clbrbool RgsMbool CrnCbool CntCbool Lblsbool Ngtvbool EmlDbool Intrbool BckgObjc RGBC Rd doub@o Grn doub@o Bl doub@o BrdTUntF#Rlt Bld UntF#Rlt RsltUntF#Pxl@R
vectorDatabool PgPsenum PgPs PgPC LeftUntF#Rlt Top UntF#Rlt Scl UntF#Prc@Y cropWhenPrintingbool cropRectBottomlong cropRectLeftlong
cropRectRightlong cropRectToplong 8BIM H H 8BIM&