    color: green;
        }
        #gradient {
            float: right;
            width: 200px;
            height: 200px;
            background: linear-gradient(to left, green 50%, transparent 50%);
            shape-outside: linear-gradient(to left, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.75) 50%, rgba(51, 51, 51, 0.25) 50%, transparent 100%);
            shape-image-threshold: 0.5;
        }
    </style>
</head>
<body>
    <p>
        The test passes if you see a green square. There should be no 