.whatsapp-preview-component-message-area {
  @apply flex-1 flex flex-col justify-start pt-3 pb-2 relative bg-[#e5ddd5] dark:bg-[#111827] overflow-hidden z-0;
}

.whatsapp-preview-component-message-area:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/whatsapp-wallpaper-3a8cd6cc.png");
  background-size: 366.5px 666px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.06;
  z-index: -1;
}

[data-colour-scheme="dark"] .whatsapp-preview-component-message-area:before {
  filter: invert(1);
}