{"version":3,"file":"components-slpOilImageContainer-slpOilImageContainer-014c7c22c7390607452a.js","mappings":"0JAcA,UAX6BA,IAAsB,IAADC,EAAAC,EAAA,IAApB,YAAEC,GAAaH,EAC3C,OACEI,EAAAA,cAACC,EAAAA,KAAW,KACVD,EAAAA,cAACC,EAAAA,eAAqB,KACpBD,EAAAA,cAACC,EAAAA,gBAAsB,CACrBC,IAAKH,SAAkB,QAAPF,EAAXE,EAAaI,aAAK,IAAAN,GAAM,QAANC,EAAlBD,EAAoBO,YAAI,IAAAN,OAAb,EAAXA,EAA0BO,OAGvB,C,uJCTX,MAAMC,EAAOC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,kCAAAC,YAAA,gBAAVJ,CAAU,wJAUjBK,EAAkBL,EAAAA,QAAOM,IAAGJ,WAAA,CAAAC,YAAA,6CAAAC,YAAA,gBAAVJ,CAAU,+LAe5BO,EAAiBP,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,4CAAAC,YAAA,gBAAVJ,CAAU,gL","sources":["webpack://islandpetro/./src/components/slpOilImageContainer/slpOilImageContainer.js","webpack://islandpetro/./src/components/slpOilImageContainer/slpOilImageContainerStyle.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpOilImageContainerStyle';\n\nconst SlpOilImageContainer = ({ sectionData }) => {\n  return (\n    <Styled.Body>\n      <Styled.ImageContainer>\n        <Styled.FloatImageStyle\n          src={sectionData?.image?.file?.url}\n        ></Styled.FloatImageStyle>\n      </Styled.ImageContainer>\n    </Styled.Body>\n  );\n};\nexport default SlpOilImageContainer;\n","import styled from 'styled-components';\n\nexport const Body = styled.div`\n  background: #1b594e;\n  height: auto;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  font-size: 18px;\n  line-height: 130%;\n  letter-spacing: 0.02em;\n  color: #00493b;\n`;\n\nexport const FloatImageStyle = styled.img`\n  width: 100%;\n  height: auto;\n  margin-bottom: 70px;\n  border: 0;\n  vertical-align: top;\n  @media (max-width: 991px) {\n    display: block;\n    width: 290px;\n    height: auto;\n    padding-top: 50px;\n    padding-bottom: 50px;\n    margin: 0 auto;\n  }\n`;\nexport const ImageContainer = styled.div`\n  width: 420px;\n  height: auto;\n  margin: 0 auto;\n  padding: 60px 0px 0px 0px;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 100%;\n    height: auto;\n    padding: 0px 5% 10px 5%;\n    text-align: center;\n  }\n`;\n"],"names":["_ref","_sectionData$image","_sectionData$image$fi","sectionData","React","Styled","src","image","file","url","Body","styled","div","withConfig","displayName","componentId","FloatImageStyle","img","ImageContainer"],"sourceRoot":""}