subsea-side-website/src/components/about/Overview.vue

<template>
  <div class="about_overview_container">
    <Header />
    <h1 class="en">ABOUT US</h1>
  </div>
</template>

<script setup>
import Header from '@/components/Header'
</script>

<style lang="scss" scoped>
.about_overview_container {
  width: 100vw;
  height: 490px;
  background: url(../../static/img/lianxi/1.png) no-repeat;
  background-size: cover;
  position: relative;
  .en {
    position: absolute;
    left: 50%;
    bottom: 45%;
    transform: translateX(-50%);
    font-size: 26px;
    font-family: Zona Pro;
    font-weight: 800;
    color: #ffffff;
  }
}
</style>