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/d5e6b6f5-df6a-488b-ad26-0bd534929040/CeraVe-Locion-Hidratante-1-Litro?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd5e6b6f5\u002Ddf6a\u002D488b\u002Dad26\u002D0bd534929040\u002FCeraVe\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd5e6b6f5\u002Ddf6a\u002D488b\u002Dad26\u002D0bd534929040\u002FCeraVe\u002DLocion\u002DHidratante\u002D1\u002DLitro\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\u002Fd71464ca\u002D6d98\u002D4485\u002D826a\u002D5ad5d94be1b4\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd71464ca\u002D6d98\u002D4485\u002D826a\u002D5ad5d94be1b4\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\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\u002F9ad14178\u002D4f67\u002D4fac\u002Da5a5\u002D02c0413771d9\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9ad14178\u002D4f67\u002D4fac\u002Da5a5\u002D02c0413771d9\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\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\u002Fa1084dd5\u002D1f30\u002D433c\u002D88b0\u002Dc401607654e2\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa1084dd5\u002D1f30\u002D433c\u002D88b0\u002Dc401607654e2\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\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\u002F76b49db4\u002Dc8e7\u002D4557\u002D99c3\u002D1905e02ea26a\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F76b49db4\u002Dc8e7\u002D4557\u002D99c3\u002D1905e02ea26a\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\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\u002Fb7c60adf\u002D8597\u002D473e\u002D92f1\u002D9d8dab6b3188\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb7c60adf\u002D8597\u002D473e\u002D92f1\u002D9d8dab6b3188\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\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\u002F695b22d7\u002Da5d2\u002D4a17\u002Db76a\u002D2c05144c7f18\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F695b22d7\u002Da5d2\u002D4a17\u002Db76a\u002D2c05144c7f18\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\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\u002Fef0abc7d\u002Dd06d\u002D4c1a\u002D9a72\u002Dd66e763743e6\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fef0abc7d\u002Dd06d\u002D4c1a\u002D9a72\u002Dd66e763743e6\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\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\u002F9fe23ff3\u002D5019\u002D4946\u002Dab9f\u002D554356bea6cc\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9fe23ff3\u002D5019\u002D4946\u002Dab9f\u002D554356bea6cc\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
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\u002F64a84f50\u002D1c8d\u002D4c33\u002Daae2\u002Dea79c22307b5\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F64a84f50\u002D1c8d\u002D4c33\u002Daae2\u002Dea79c22307b5\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 9"
/>
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\u002F4d0f9cae\u002Daf58\u002D45c5\u002D9934\u002D0273211b812a\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F4d0f9cae\u002Daf58\u002D45c5\u002D9934\u002D0273211b812a\u002FCerave\u002DLocion\u002DHidratante\u002D1\u002DLitro\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 10"
/>
chevron-left chevron-right