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/5fa100dd-7855-4b5e-8a60-3b43020cd291/Vichy-Normaderm-Phytosolution-Soin-Anti-Imperfections-Double-Correction-50ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5fa100dd\u002D7855\u002D4b5e\u002D8a60\u002D3b43020cd291\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5fa100dd\u002D7855\u002D4b5e\u002D8a60\u002D3b43020cd291\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\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\u002F9a2bfce3\u002Dff5a\u002D4e34\u002Da2c2\u002Dd8febd09b401\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9a2bfce3\u002Dff5a\u002D4e34\u002Da2c2\u002Dd8febd09b401\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\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\u002Fad1b936d\u002D7691\u002D4004\u002D93d8\u002D00f9ac252e9b\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fad1b936d\u002D7691\u002D4004\u002D93d8\u002D00f9ac252e9b\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\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\u002Ff6e738ad\u002D16eb\u002D484e\u002Dbce6\u002D59575e7adf92\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff6e738ad\u002D16eb\u002D484e\u002Dbce6\u002D59575e7adf92\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\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\u002F3fe5db3f\u002De432\u002D4bb7\u002Db28d\u002De42667538ae8\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3fe5db3f\u002De432\u002D4bb7\u002Db28d\u002De42667538ae8\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\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\u002F64dbe769\u002Dc132\u002D443e\u002D8318\u002D264ae2528421\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F64dbe769\u002Dc132\u002D443e\u002D8318\u002D264ae2528421\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\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\u002F1712fbe0\u002D0e43\u002D4d3a\u002D9b31\u002Dfc2d604b13a9\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F1712fbe0\u002D0e43\u002D4d3a\u002D9b31\u002Dfc2d604b13a9\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\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\u002F491ddaf8\u002De7eb\u002D4e26\u002Dadea\u002Dd947fdf0802a\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F491ddaf8\u002De7eb\u002D4e26\u002Dadea\u002Dd947fdf0802a\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\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\u002Fc939da91\u002D54a1\u002D477e\u002D9307\u002D8f1ea51d8b36\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc939da91\u002D54a1\u002D477e\u002D9307\u002D8f1ea51d8b36\u002FVichy\u002DNormaderm\u002DPhytosolution\u002DSoin\u002DAnti\u002DImperfections\u002DDouble\u002DCorrection\u002D50ml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right