![]()
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/811fa219-c2de-4acf-981e-75b10f8d0538/Bioderma-Atoderm-Intensive-Gel-Creme-Apaisant-Peaux-Tres-Seches-Atopiques-500ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F811fa219\u002Dc2de\u002D4acf\u002D981e\u002D75b10f8d0538\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F811fa219\u002Dc2de\u002D4acf\u002D981e\u002D75b10f8d0538\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\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\u002Fea6e3329\u002Dc241\u002D4655\u002D9efc\u002D237ac540c5e1\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fea6e3329\u002Dc241\u002D4655\u002D9efc\u002D237ac540c5e1\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\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\u002F915f8b8d\u002D6340\u002D4d3f\u002Db8dc\u002D5708f9c8970c\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F915f8b8d\u002D6340\u002D4d3f\u002Db8dc\u002D5708f9c8970c\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\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\u002Fab7f8469\u002D0090\u002D493b\u002Dbf9e\u002Dc78a1771c01a\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fab7f8469\u002D0090\u002D493b\u002Dbf9e\u002Dc78a1771c01a\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\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\u002F83f917ef\u002D2090\u002D45d4\u002D8c87\u002D44c3389a7f6d\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F83f917ef\u002D2090\u002D45d4\u002D8c87\u002D44c3389a7f6d\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\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\u002F184da658\u002D44ad\u002D49bb\u002Dabf6\u002Db6017ea7ce29\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F184da658\u002D44ad\u002D49bb\u002Dabf6\u002Db6017ea7ce29\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\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\u002Fe032542f\u002D9923\u002D44d9\u002Da5b9\u002Db5399fff575c\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe032542f\u002D9923\u002D44d9\u002Da5b9\u002Db5399fff575c\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\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\u002Ffc5fd1e8\u002Dfa93\u002D400e\u002Da6cc\u002D38780ba3fc6c\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ffc5fd1e8\u002Dfa93\u002D400e\u002Da6cc\u002D38780ba3fc6c\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\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\u002Faad4b3be\u002D8e11\u002D474e\u002Dac78\u002D10ed1caac68e\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Faad4b3be\u002D8e11\u002D474e\u002Dac78\u002D10ed1caac68e\u002FBioderma\u002DAtoderm\u002DIntensive\u002DGel\u002DCreme\u002DApaisant\u002DPeaux\u002DTres\u002DSeches\u002DAtopiques\u002D500ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>