.bannerFrame {
    position: relative;
    width: 600px;
    height: 400px;
    overflow: hidden;

  }

  .banner-image .bannerImg {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
    background-size: cover;

    display: block;
    pointer-events: none;

	background-blend-mode:difference;

  }

  #bannerImageA {
    z-index: 1;
  }

  #bannerImageB {
    z-index: 2;
  }
  
  .banner-image p {
	  z-index: 5;
	  padding: 0em 0.1em;
  }
  .banner-image p::before {
	  content:"";
	  z-index: 4;
	  background-color: #fff;
	  mix-blend-mode:difference;
	  
  }