Vuetify: IMG на V-Card двигаться влево

Question

Я хочу создать карточный компонент с помощью vuetify. Я борюсь с макетом при перемещении изображения вправо. Шаблон карты: https://vuetifyjs.com/en/components/cards

Поскольку приложение должно быть оптимизировано для мобильного использования, я хочу иметь кнопки справа вместо изображения.

HTML теперь выглядит так.

Спасибо за вашу помощь

<v-card class="mx-auto" max-width="444">
        <v-avatar size="150" tile>
          <v-img :src="item.src"></v-img>
        </v-avatar>
        <span class="my-span">
          <v-card-title class="headline justify-center" v-text="item.title" cols="5"></v-card-title>
          <v-card-subtitle class="justify-center" v-text="item.artist"></v-card-subtitle>
        </span>
          <v-card-actions cols="6">
            <v-spacer></v-spacer>
              <v-btn color="grey" text>Standort</v-btn>
              <v-btn color="green" text>Buchen</v-btn>
          </v-card-actions>
      </v-card>

Спасибо за вашу помощь