.frame {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.frame .div {
  background-color: #ffffff;
  width: 554px;
  height: 595px;
  position: relative;
}

.frame .group {
  position: absolute;
  width: 504px;
  height: 502px;
  top: 30px;
  left: 27px;
}

.frame .overlap-group {
  position: relative;
  width: 500px;
  height: 500px;
  background-image: url(./img/rectangle-1.png);
  background-size: 100% 100%;
}

.frame .CAROL {
  position: absolute;
  width: 442px;
  height: 96px;
  top: 377px;
  left: 28px;
}

.frame .TOM {
  position: absolute;
  width: 291px;
  height: 96px;
  top: 269px;
  left: 28px;
}

.frame .text-wrapper {
  position: absolute;
  top: 546px;
  left: 27px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}