title: hover effect with vuetify cards (nuxt)
body: <p>I have a vuetify card like this : </p>
  
  <pre><code>    &lt;v-card class="news__card"&gt;
        &lt;v-card-media
          :src="ip.images[0].url"
          height="150px"
          @click="onLoadNews(ip.id)"
        /&gt;
        &lt;v-card-title primary-title @click="onLoadNews(ip.id)"&gt;
          &lt;div class="news__card__down"&gt;
            &lt;h3 class="subheading font-weight-medium"&gt;{{ ip.headline }}&lt;/h3&gt;
            &lt;div class="published"&gt;{{ ip.date }}&lt;/span&gt; &lt;/div&gt;
          &lt;/div&gt;
        &lt;/v-card-title&gt;
      &lt;/v-card&gt; 
  </code></pre>
  
  <p>And i want to give an effect hover the card that apply a transform on the background image. It works when i hover .v-card__media__background with this : </p>
  
  <pre><code>.v-card__media__background:hover {
    position: relative;
    animation: scaleMe 500ms ease-in-out 0s forwards;
  }
  
  @keyframes scaleMe {
     100% {
      transform: scale(1.2);
     }
  }
  </code></pre>
  
  <p>but i would like to have this effect when hovering everywhere in the card.</p>