site_logiciels/components/Webinaire/Banner.vue

<template>
  <LayoutContainer>
    <LayoutUITitlePage
      title="webinaires"
      subtitle="Partez à la découverte de vos logiciels Opentalent. "
    />

    <v-row>
      <v-col cols="12">
        <LayoutUIBanner
          :imageSrc="'images/banner/Visuel_page_Webinaires.png'"
          imageAlt="'line'"
        />
      </v-col>
    </v-row>

  </LayoutContainer>
</template>

<script setup></script>

<style scoped>

:deep().text-left,
:deep().text-right,
:deep().description-square,
:deep().black-square,
:deep().blue-square {
  display: none;
}
:deep().text-right {
  display: none;
}
.image-text {
  position: absolute;
  top: 40px;
  left: 20px;
  font-family: "Barlow";
  color: white;
  font-size: 3rem;
  width: 30rem;
  font-style: italic;
  font-weight: 300;
  line-height: 40px;
}

:deep().subtitle {
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0.1rem;
  margin-bottom: 1rem;
}

</style>