Как сделать карту фиксированной для всего контейнера?

Question

У меня проблема с кодом, показанным ниже. Я хочу, чтобы он был исправлен, поэтому заполняя высоту и ширину, по возможности убирая полосу прокрутки.

Вот пример кода:

<template>
  <div class="mt-10 pt-10">
    <v-container fluid ma-0 pa-0 fill-height>
      <v-layout row wrap class="ma-0 pa-0">
        <v-flex class="xl6 md6 sm6 xs12 pa-0" absolute fixed>
          <v-card height="900" class="ma-0 pa-0" id="rounded-card">
            <v-img
                src="img.jpg"
                height="100%"/>
          </v-card>
        </v-flex>

        <v-flex class="xl6 md6 sm6 xs12 pa-0" absolute fixed>
          <v-card class="ma-0 pa-0 elevation-5" height="900">
            <item_att/>
            <v-divider/>
            <item_pro/>
          </v-card>
        </v-flex>
      </v-layout>
    </v-container>
  </div>
</template>

Я хочу, чтобы мой веб-сайт имел похожий макетэта страница: https://nephos.cssninja.io/product.html

Вот мой пример страницы: https://thestackoverflow.netlify.com/single