JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
 
<html lang="en">
<head>
  <meta charset="utf-8">
</head>
 
<body>
  <div class="parent-block">
    <div class="blue-block">
    
    </div>
    <div class="red-block">
    
    </div>
  </div>
</body>
</html>

CSS

.parent-block {
  position: relative;
  width: 1000px;
  height: 500px;
  background-color: yellow;
  display: flex;
}

.red-block {
  margin: auto;
  width: 333px;
  height: 250px;
  background-color: red;
}

.blue-block {
  width: 250px;
  height: 200px;
  background-color: blue;
  position: absolute;
  top: 150px;
  left: 80px;
}