site_logiciels/components/Logiciels/Manager/Banner.vue

<template>
  <LayoutContainer>
    <v-row>
      <LayoutUIBannerTitle
        :leftText="'School'"
        :centerText="'Opentalent Manager'"
        :rightText="'Artist'"
      />
    </v-row>

    <v-row>
      <v-col cols="12">
        <LayoutUIBanner
          :imageSrc="'/images/logiciels/manager/banner-manager.png'"
          imageAlt="'line'"
          :squareText="'Fédérations, confédérations et collectivités'"
          :logoSrc="'/images/logo/logiciels/Manager-noir.png'"
          :squareColor="'#d8050b'"
          :blueSquareColor="'#FFF'"
          :textColor="'#FFF'"
        />
      </v-col>
    </v-row>
  </LayoutContainer>
</template>

<style scoped>


:deep().cover-image {
  width: 100%;
  height: 25rem;
  object-fit: cover;
  object-position: center 30% !important;; 
  transition: transform 0.2s;
  margin: 0 auto;
  transform: scaleX(-1);
}
</style>