title: Vuetify Two Images in Carousel-Item
body: <p>All I want is to have a carousel-item that contains two images. At the very least I want two carousels side by side. Any ideas since wrapping the carousels in row-cols or simply trying a sheet containning two images in each carousel item does not work.</p>
  <p>EDIT : Notice how the component surpasses the right edge of the app drawer (should not happen and also on transition the background of the carousel flashes black. Ideally I get a carousel that is responsive with the two images inside transitionning without flashing black.</p>
  <pre><code>&lt;template&gt;
    &lt;v-container&gt;
      &lt;v-row&gt;
        &lt;v-col cols=&quot;1&quot;&gt;
          &lt;v-btn icon large @click=&quot;toggle&quot;&gt;
            &lt;v-icon&gt;{{ playIcon }}&lt;/v-icon&gt;
          &lt;/v-btn&gt;
        &lt;/v-col&gt;
        &lt;v-col&gt;
          &lt;v-slider 
            color=&quot;light-green&quot; 
            thumb-color=&quot;light-green accent-4&quot;
            thumb-size=&quot;30&quot;
            track-color=&quot;light-green accent-4&quot;
            v-model=&quot;run&quot; 
            max=&quot;19&quot;
            :tick-labels=&quot;ticksLabels&quot;
            tick-size=&quot;6&quot;
            ticks/&gt;
        &lt;/v-col&gt;
      &lt;/v-row&gt;  
        &lt;v-carousel 
          :cycle=&quot;playPause&quot;
          hide-delimiters
          interval=3000
          v-model=&quot;run&quot;
          height=&quot;700px&quot;
          hide-delimiter-background
          show-arrows-on-hover
          &gt;
          &lt;v-carousel-item
            transition=&quot;fade-transition&quot;
            reverse-transition=&quot;fade-transition&quot;
            v-for=&quot;(item,i) in items&quot;
            :key=&quot;i&quot;
            &gt;
            &lt;v-row&gt;
              &lt;v-card width=&quot;49%&quot;&gt;
                &lt;v-img contain  :src=&quot;item.avg&quot;/&gt;
              &lt;/v-card&gt;
              &lt;v-spacer&gt;&lt;/v-spacer&gt;
              &lt;v-card width=&quot;49%&quot;&gt;
                &lt;v-img contain :src=&quot;item.std&quot;/&gt;
              &lt;/v-card&gt;
            &lt;/v-row&gt;
          &lt;/v-carousel-item&gt;
        &lt;/v-carousel&gt;
    &lt;/v-container&gt;
  &lt;/template&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/x02kX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x02kX.png" alt="WHat the code above produces" /></a></p>