半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.carddd-text:after {
        position: absolute;
        bottom: 0;
        content: "";
        width: 100%;
        height: 2.8em;
        background: linear-gradient(rgba(255, 255, 255, 0), var(--bs-dark));
    }

這是為了讓卡片底部附近的文字褪色，在MacOS和Android上效果很好，但在IOS上就不行了，即使更換瀏覽器也不行

安卓(Chrome)

蘋果電腦(Chrome)

IOS (Chrome)

IOS (Safari)

為什么會這樣？能修好嗎？