calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="eager"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe6bd3bfd\u002D46e8\u002D4f9b\u002Dbae1\u002D05d271c7ad65\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe6bd3bfd\u002D46e8\u002D4f9b\u002Dbae1\u002D05d271c7ad65\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb30c287d\u002D04a9\u002D433a\u002D8d53\u002D58610e1a50ee\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb30c287d\u002D04a9\u002D433a\u002D8d53\u002D58610e1a50ee\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0e30f75c\u002Dfbfd\u002D48d6\u002Db5c1\u002D1242426e6457\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0e30f75c\u002Dfbfd\u002D48d6\u002Db5c1\u002D1242426e6457\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F587c6582\u002Dada3\u002D4799\u002Db869\u002D56823c121d45\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F587c6582\u002Dada3\u002D4799\u002Db869\u002D56823c121d45\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F59aaf9d3\u002De448\u002D4412\u002D9764\u002Dff971c5be344\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F59aaf9d3\u002De448\u002D4412\u002D9764\u002Dff971c5be344\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb0cf6bdd\u002D171f\u002D40c2\u002Db0d1\u002Dfe2c1457191d\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb0cf6bdd\u002D171f\u002D40c2\u002Db0d1\u002Dfe2c1457191d\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3db0985f\u002D308a\u002D4931\u002D89e2\u002Dd6d661ccf7ae\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3db0985f\u002D308a\u002D4931\u002D89e2\u002Dd6d661ccf7ae\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fec3002f1\u002D6f0e\u002D4a9d\u002Da397\u002Da5c07c4f1363\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fec3002f1\u002D6f0e\u002D4a9d\u002Da397\u002Da5c07c4f1363\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F742548ae\u002D710f\u002D4791\u002D8fb5\u002D30668611bc71\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F742548ae\u002D710f\u002D4791\u002D8fb5\u002D30668611bc71\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdabda73e\u002D7fa9\u002D4054\u002Db0e1\u002De2abb0e60765\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdabda73e\u002D7fa9\u002D4054\u002Db0e1\u002De2abb0e60765\u002FOlay\u002DCollagen\u002DPeptide24\u002DCrema\u002DDia\u002DSPF30\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 9"
/>
chevron-left chevron-right