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/860df546-1a52-4115-a9d9-10dda448fab7/La-Roche-Posay-Effaclar-Serum-Visage-Anti-Imperfections-30ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F860df546\u002D1a52\u002D4115\u002Da9d9\u002D10dda448fab7\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F860df546\u002D1a52\u002D4115\u002Da9d9\u002D10dda448fab7\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\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\u002F7dedd1a1\u002Dec15\u002D4db9\u002D977e\u002Dd97e6d7323ac\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7dedd1a1\u002Dec15\u002D4db9\u002D977e\u002Dd97e6d7323ac\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\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\u002F04df815c\u002D9bf2\u002D4344\u002Db806\u002Dd648540a50dc\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F04df815c\u002D9bf2\u002D4344\u002Db806\u002Dd648540a50dc\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\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\u002Fcd2988de\u002Db7cf\u002D4089\u002D9f2c\u002D72005ee27573\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcd2988de\u002Db7cf\u002D4089\u002D9f2c\u002D72005ee27573\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\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\u002F7233f96f\u002Db274\u002D4b73\u002Dbc33\u002Df7788662fb0b\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7233f96f\u002Db274\u002D4b73\u002Dbc33\u002Df7788662fb0b\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\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\u002F76c7eff1\u002D7eb2\u002D4f5c\u002D91d9\u002D1a87a1798ed6\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F76c7eff1\u002D7eb2\u002D4f5c\u002D91d9\u002D1a87a1798ed6\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\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\u002Fe7639505\u002D474d\u002D476f\u002D980e\u002D7226d4b5d411\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe7639505\u002D474d\u002D476f\u002D980e\u002D7226d4b5d411\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\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\u002F787b7f4a\u002Da5ce\u002D4e2d\u002D8e87\u002D4ceaecfeac20\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F787b7f4a\u002Da5ce\u002D4e2d\u002D8e87\u002D4ceaecfeac20\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\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\u002Fc1b490a0\u002D448b\u002D4d95\u002Da31b\u002Df8fcd1513b50\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc1b490a0\u002D448b\u002D4d95\u002Da31b\u002Df8fcd1513b50\u002FLa\u002DRoche\u002DPosay\u002DEffaclar\u002DSerum\u002DVisage\u002DAnti\u002DImperfections\u002D30ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right