Hello, I am trying to add a single slick carousel component to a block that already contains 2 components in a template. However, when I do this, it distorts the images of the other component.
<template v-if="isMobile">
<vue-slick-carousel :arrows="true" :dots="true">
<component
:is="picture.template"
v-for="picture in groupOne"
:key="picture.title"
:params="picture"
:size="params.size"
@click="onClick(picture)"
/>
</vue-slick-carousel>
<component
:is="picture.template"
v-for="picture in groupTwo"
:key="picture.title"
:params="picture"
:size="params.size"
@click="onClick(picture)"
/>
</template>
I would appreciate any assistance with this problem. Thank you!