.wubbles {
  padding-bottom: 0 !important;
  position: relative;
  background-color: white;
  height: 96px;
  margin-top: 48px; }
  @media (min-width: 680px) {
    .wubbles {
      height: 192px; } }
  @media (min-width: 1120px) {
    .wubbles {
      margin-top: 32px; } }
  @media (min-width: 1440px) {
    .wubbles {
      margin-top: 64px; } }
  .wubbles .round-rect {
    position: absolute;
    bottom: 0;
    /*transform: translateY(50%);*/
    mix-blend-mode: multiply; }
  .wubbles .green {
    width: 833px;
    height: 307px;
    flex-shrink: 0;
    left: calc(50% - 833px/2);
    border-radius: 274.405px;
    background: var(--epoch-mint-2, #B9EE98);
    top: 65px; }
    @media (min-width: 680px) {
      .wubbles .green {
        top: 130px; } }
  .wubbles .yellow {
    flex-shrink: 0;
    background: #FFDE5C;
    top: 29.5px;
    border-radius: 348.271px;
    right: calc(50%);
    width: 714.5px;
    height: 153.5px; }
    @media (min-width: 680px) {
      .wubbles .yellow {
        bottom: calc(133px - 307px);
        right: calc(50% + 123px);
        border-radius: 696.542px;
        width: 1429px;
        height: 307px;
        top: 59.25px; } }
    @media (min-width: 1120px) {
      .wubbles .yellow {
        right: calc(50%); } }
  .wubbles .blue {
    flex-shrink: 0;
    left: calc(50% + 107.5px);
    background: var(--epoch-green-100, #E6FEF3);
    width: 725px;
    height: 249px;
    border-radius: 348.271px;
    top: 0; }
    @media (min-width: 680px) {
      .wubbles .blue {
        bottom: calc(192px - 498px);
        border-radius: 696.542px;
        width: 1450px;
        height: 498px;
        left: calc(50% + 123px); } }
    @media (min-width: 1120px) {
      .wubbles .blue {
        left: calc(50% + 216px); } }
    @media (min-width: 1440px) {
      .wubbles .blue {
        left: calc(50% + 76px); } }