问固定img中心和锚标签的顺风或常规css

EN

.video__text-box {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

<div class="content max-w-4xl mx-auto">
  <div class="inner-content relative ">
    <a href="" class="z-10 left-0 top-0 w-full h-full absolute"></a>
    <img src="" alt="" class="">
    <div class="video__text-box flex justify-center absolute">
      <img class="h-12 lg:h-16 mr-4" src="" alt="">
      <div class="group flex flex-col text-left">
        <span class="text-dark-blue mb-1">xxxxxxx</span>
        <h2 class="text-4xl mb-0">watch video</h2>
      </div>
    </div>
  </div>
</div>