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/e83f66ba-2d6a-4d8a-b3a1-f336b297e255/Olay-Collagen-Peptide24-MAX-Crema-Facial-Dia-50-ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe83f66ba\u002D2d6a\u002D4d8a\u002Db3a1\u002Df336b297e255\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe83f66ba\u002D2d6a\u002D4d8a\u002Db3a1\u002Df336b297e255\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\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\u002F135cce32\u002D5b10\u002D4f3e\u002D9ffc\u002Dcab3634bfb89\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F135cce32\u002D5b10\u002D4f3e\u002D9ffc\u002Dcab3634bfb89\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\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\u002Fd8a459b0\u002D0900\u002D4e0d\u002D8400\u002D453af70d644c\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd8a459b0\u002D0900\u002D4e0d\u002D8400\u002D453af70d644c\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\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\u002Fbf3aa164\u002D82c3\u002D4d05\u002D9e5b\u002Df878c5e2192f\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fbf3aa164\u002D82c3\u002D4d05\u002D9e5b\u002Df878c5e2192f\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\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\u002F92a72860\u002D1165\u002D4f0e\u002Dada0\u002D56db708e2fc1\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F92a72860\u002D1165\u002D4f0e\u002Dada0\u002D56db708e2fc1\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\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\u002F41f24750\u002Df229\u002D42e2\u002Dbdda\u002D10f1a065cd24\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F41f24750\u002Df229\u002D42e2\u002Dbdda\u002D10f1a065cd24\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\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\u002F0b159763\u002D848d\u002D41c1\u002D8f78\u002Dce6b244c51ae\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0b159763\u002D848d\u002D41c1\u002D8f78\u002Dce6b244c51ae\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\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\u002F208fd31b\u002Dc022\u002D4c42\u002D8773\u002D1c2fbfe06416\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F208fd31b\u002Dc022\u002D4c42\u002D8773\u002D1c2fbfe06416\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\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\u002F016aae83\u002D4740\u002D49d4\u002D9781\u002D0e59feda2706\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F016aae83\u002D4740\u002D49d4\u002D9781\u002D0e59feda2706\u002FOlay\u002DCollagen\u002DPeptide24\u002DMAX\u002DCrema\u002DFacial\u002DDia\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right