.replacement-banner span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 130px;
    font-weight: 100;
    font-family: "Saira Stencil One" ;
    letter-spacing: 6px;
    color: #00A8A8;
}
@media(max-width:1199px)  {
    .replacement-banner span {
        display: none !important;
    }    
}

@media (min-width: 1200px) {
    .banner {
        display: none;
    }

    .replacement-banner {
        width: 100vw;
        height: 480px;
        background-color: #fff;
        position: relative; /* 確保父元素有定位，::after 才能相對定位 */
        overflow: hidden; 
    }

    .replacement-banner::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 680px; 
        height: 680px; 
        background-image: url("../backImg/background05.png");
        background-position: left top;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .replacement-banner::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 680px; 
        height: 680px;
        background-image: url("../backImg/background03.png");
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size:  contain; 
        z-index: 99;
      
    }

    .replacement-banner span {
        display: block;
    }
}