Layout Fixed in element

            
<div class="mx-auto max-w-md">
  <h3 class="my-2">Fixed in top left</h3>
  <div class="relative h-40 max-w-md bg-blue-50">
    <div class="absolute left-0 top-0 h-20 w-20 rounded bg-blue-500"></div>
  </div>
  <h3 class="my-2">Fixed in top right</h3>
  <div class="relative h-40 max-w-md bg-blue-50">
    <div class="absolute right-0 top-0 h-20 w-20 rounded bg-blue-500"></div>
  </div>
  <h3 class="my-2">Fixed in bottom left</h3>
  <div class="relative h-40 max-w-md bg-blue-50">
    <div class="absolute left-0 bottom-0 h-20 w-20 rounded bg-blue-500"></div>
  </div>
  <h3 class="my-2">Fixed in bottom right</h3>
  <div class="relative h-40 max-w-md bg-blue-50">
    <div class="absolute right-0 bottom-0 h-20 w-20 rounded bg-blue-500"></div>
  </div>
</div>