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/3fcf8312-9b9c-469b-a416-9406d9840ffd/Cetaphil-Pro-Redness-Control-Hidratante-SPF30-50-ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3fcf8312\u002D9b9c\u002D469b\u002Da416\u002D9406d9840ffd\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3fcf8312\u002D9b9c\u002D469b\u002Da416\u002D9406d9840ffd\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\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\u002F33200f51\u002D896f\u002D4805\u002Db7c2\u002D3abc1262f1fb\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F33200f51\u002D896f\u002D4805\u002Db7c2\u002D3abc1262f1fb\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\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\u002F61dc7bc8\u002Db0cd\u002D4524\u002Dbca7\u002D77986f5b1cdb\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F61dc7bc8\u002Db0cd\u002D4524\u002Dbca7\u002D77986f5b1cdb\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\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\u002F77f3fa86\u002D7b3a\u002D43ff\u002D8d88\u002D557fb7d87383\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F77f3fa86\u002D7b3a\u002D43ff\u002D8d88\u002D557fb7d87383\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\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\u002F6091aaad\u002D56ae\u002D4e50\u002Dbca1\u002D4e8c9382584e\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6091aaad\u002D56ae\u002D4e50\u002Dbca1\u002D4e8c9382584e\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\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\u002F1a245b8b\u002Df969\u002D498f\u002D9c4d\u002Dce91e29ec27e\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F1a245b8b\u002Df969\u002D498f\u002D9c4d\u002Dce91e29ec27e\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\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\u002F624c348c\u002D8a97\u002D42af\u002Dbe11\u002D7ab0f32f0a5d\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F624c348c\u002D8a97\u002D42af\u002Dbe11\u002D7ab0f32f0a5d\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\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\u002F7f7ed04b\u002D413c\u002D4fc4\u002D87ea\u002Da06ede8e40c6\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7f7ed04b\u002D413c\u002D4fc4\u002D87ea\u002Da06ede8e40c6\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\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\u002Fe602faab\u002D5224\u002D4854\u002D88e7\u002D44c89659367b\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe602faab\u002D5224\u002D4854\u002D88e7\u002D44c89659367b\u002FCetaphil\u002DPro\u002DRedness\u002DControl\u002DHidratante\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right