<section
  id="streetwear"
  class="flex flex-col justify-between md:h-svh px-4 md:px-12 py-7 relative"
>
  <Logo outline={true} class="absolute left-0 top-0 -translate-y-[50%]" />
  ///

<section
  id="streetwear"
  class="flex flex-col justify-between md:h-svh px-4 md:px-12 py-7 relative"
>
  <Logo outline={true} class="absolute left-0 top-0 -translate-y-[50%]" />
  ///

<div class="image>
  <div class="logo"></div>
</div>

<div class="image>
  <div class="logo"></div>
</div>

.image { position: relative; }
.logo { 
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateY(-50%);
}

.image { position: relative; }
.logo { 
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateY(-50%);
}