.venn-diagram {
  position: relative;
  width: 400px;
  height: 300px;
  margin: 50px auto;
}

.circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: absolute;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

.circle1 {
  background: red;
  left: 0;
  top: 50px;
}

.circle2 {
  background: blue;
  left: 100px;
  top: -20px;
}

.circle3 {
  background: green;
  left: 200px;
  top: 50px;
}

.intersection {
  position: absolute;
  top: 110px;
  left: 150px;
  font-size: 24px;
  font-weight: bold;
}