.bipple-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem;
  gap: 2rem;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 800 268'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='800' height='268' transform='translate(3582 -395.5)' fill='%23e5f3ff'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Cpath d='M240,0C372.548,0,480,107.452,480,240S372.548,480,240,480,0,372.548,0,240,107.452,0,240,0Z' transform='translate(3823 211)' fill='%23f2f9ff'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-3'%3E%3Cpath d='M160,0A160,160,0,1,1,0,160,160,160,0,0,1,160,0Z' transform='translate(3360 61)' fill='%23d8edff'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-4'%3E%3Crect width='960' height='255' rx='16' transform='translate(20 917)' fill='%23edf7ff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-3582 395.5)' clip-path='url(%23clip-path)'%3E%3Crect width='800' height='268' transform='translate(3582 -395.5)' fill='%23e5f3ff'/%3E%3Cg transform='translate(156 -559)' opacity='0.801' clip-path='url(%23clip-path-2)'%3E%3Crect width='800' height='268' rx='16' transform='translate(3426 163.5)' fill='%23fff'/%3E%3C/g%3E%3Cg transform='translate(156 -559)' opacity='0.999' clip-path='url(%23clip-path-3)'%3E%3Crect width='800' height='268' rx='16' transform='translate(3426 163.5)' fill='%23d8edff'/%3E%3C/g%3E%3Ccircle cx='6' cy='6' r='6' transform='translate(3766 -357)' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='12' transform='translate(3672 -325)' fill='%234dafff'/%3E%3Ccircle cx='12' cy='12' r='12' transform='translate(4310 -254)' fill='%234dafff'/%3E%3Ccircle cx='12' cy='12' r='12' transform='translate(4264 -187)' fill='%23b2dcff'/%3E%3Ccircle cx='6' cy='6' r='6' transform='translate(4218 -214)' fill='%23008cff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
  border-radius: 1rem;
}

.bipple-container .wp-block-image img {
  width: 100%;
  height: auto;
}

.bipple-container figure:nth-of-type(1) {
  position: absolute;
  bottom: 0;
  left: 1.5rem;
  margin: -1.5rem 0;
  width: 20%;
}
.bipple-container figure:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 1.5rem;
  width: 16%;
  margin: -3.5rem 0;
}

@media (max-width: 768px) {
  .bipple-container {
    margin-block-end: 6rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 345 301'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='345' height='301' transform='translate(5098 -425)' fill='%23e5f3ff'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Cpath d='M240,0C372.548,0,480,107.452,480,240S372.548,480,240,480,0,372.548,0,240,107.452,0,240,0Z' transform='translate(10 -26)' fill='%23f2f9ff'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-4'%3E%3Cpath d='M100,0A100,100,0,1,1,0,100,100,100,0,0,1,100,0Z' transform='translate(10 10)' fill='%23d8edff'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-5'%3E%3Crect width='14' height='43' transform='translate(355 3172)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-5098 425)' clip-path='url(%23clip-path)'%3E%3Crect width='345' height='300' transform='translate(5098 -424.5)' fill='%23e5f3ff'/%3E%3Cg transform='translate(4640 -491)' opacity='0.801' clip-path='url(%23clip-path-2)'%3E%3Crect width='344' height='218' rx='16' transform='translate(-32 -47.5)' fill='%23fff'/%3E%3C/g%3E%3Cg transform='translate(5131 -295)' opacity='0.801' clip-path='url(%23clip-path-2)'%3E%3Crect width='344' height='218' rx='16' transform='translate(-32 -47.5)' fill='%23fff'/%3E%3C/g%3E%3Cg transform='translate(5042 -527)' opacity='0.999' clip-path='url(%23clip-path-4)'%3E%3Crect width='345' height='300' rx='16' transform='translate(56 102.5)' fill='%23d8edff'/%3E%3C/g%3E%3Ccircle cx='6' cy='6' r='6' transform='translate(5183 -394)' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='12' transform='translate(5130 -370)' fill='%234dafff'/%3E%3Ccircle cx='12' cy='12' r='12' transform='translate(5394 -161)' fill='%23b2dcff'/%3E%3Ccircle cx='6' cy='6' r='6' transform='translate(5366 -170)' fill='%23008cff'/%3E%3Cg transform='translate(5074 -3396)' clip-path='url(%23clip-path-5)'%3E%3Ccircle cx='12' cy='12' r='12' transform='translate(357 3179)' fill='%234dafff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .bipple-container figure:nth-of-type(1) {
    width: 40%;
    margin-bottom: -5.5rem;
  }
  .bipple-container figure:nth-of-type(2) {
    width: 30%;
    margin-top: -4rem;
  }
}