calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="high"
src="https://assets.atida.com/transform/e6579b1a-66e9-4983-83d9-5347e08dbcf8/Bioderma-Atoderm-Intensive-Gel-Creme-Apaisant-Peaux-Tres-Seches-Atopiques-200ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe6579b1a\u002D66e9\u002D4983\u002D83d9\u002D5347e08dbcf8\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe6579b1a\u002D66e9\u002D4983\u002D83d9\u002D5347e08dbcf8\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 0"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd3ccc110\u002D0fab\u002D4d00\u002Dad8b\u002Dba80299aa3b3\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd3ccc110\u002D0fab\u002D4d00\u002Dad8b\u002Dba80299aa3b3\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 1"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe4fa6f53\u002Dcd45\u002D45fa\u002D92df\u002Dbaf6fe0ae937\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe4fa6f53\u002Dcd45\u002D45fa\u002D92df\u002Dbaf6fe0ae937\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 2"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdd504b3d\u002Df8ac\u002D4c1e\u002D8933\u002D6516dac45959\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdd504b3d\u002Df8ac\u002D4c1e\u002D8933\u002D6516dac45959\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 3"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F12899313\u002Da53f\u002D4fd0\u002Dbeb4\u002D8085ce6f4687\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F12899313\u002Da53f\u002D4fd0\u002Dbeb4\u002D8085ce6f4687\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 4"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F286ae991\u002D5b83\u002D48f2\u002D84fb\u002D6df1ee08d848\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F286ae991\u002D5b83\u002D48f2\u002D84fb\u002D6df1ee08d848\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 5"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd0aee159\u002Ddb45\u002D45f9\u002Da231\u002D35e93ce672e5\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd0aee159\u002Ddb45\u002D45f9\u002Da231\u002D35e93ce672e5\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 6"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8aed0f99\u002D962f\u002D4ddc\u002D9d13\u002D13547aff3266\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8aed0f99\u002D962f\u002D4ddc\u002D9d13\u002D13547aff3266\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 7"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F49011a8a\u002Dbcd8\u002D4d4e\u002Da1aa\u002D25648acf1529\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F49011a8a\u002Dbcd8\u002D4d4e\u002Da1aa\u002D25648acf1529\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D200ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right