picture opacity bug

HTML

<p><code>&lt;img&gt;</code> with no opacity.</p>
<img src="https://redactive--drupal--actuary--public-files.s3.eu-west-2.amazonaws.com/s3fs-public/styles/uncropped_medium/public/2025-09/web_p32-34_forests_green-forest-tree_CREDIT_istock-2052352594.jpg">

<p><code>&lt;picture&gt;</code> with no opacity.</p>
<picture>
    <img src="https://redactive--drupal--actuary--public-files.s3.eu-west-2.amazonaws.com/s3fs-public/styles/uncropped_medium/public/2025-09/web_p32-34_forests_green-forest-tree_CREDIT_istock-2052352594.jpg">
</picture>

<p><code>&lt;picture&gt;</code> with opacity of 0.5.</p>
<picture class="opacity">
    <img src="https://redactive--drupal--actuary--public-files.s3.eu-west-2.amazonaws.com/s3fs-public/styles/uncropped_medium/public/2025-09/web_p32-34_forests_green-forest-tree_CREDIT_istock-2052352594.jpg">
</picture>

<p><code>&lt;picture&gt;</code> with opacity of 0.5 and <code>display:block</code> on the <code>&lt;img&gt;</code>.</p>
<picture class="opacity">
    <img src="https://redactive--drupal--actuary--public-files.s3.eu-west-2.amazonaws.com/s3fs-public/styles/uncropped_medium/public/2025-09/web_p32-34_forests_green-forest-tree_CREDIT_istock-2052352594.jpg" class="display">
</picture>

<p><code>&lt;picture&gt;</code> with opacity of 0.5 and <code>display:block</code> on the <code>&lt;img&gt;</code> and <code>&lt;picture&gt;</code>.</p>
<picture class="opacity display">
    <img src="https://redactive--drupal--actuary--public-files.s3.eu-west-2.amazonaws.com/s3fs-public/styles/uncropped_medium/public/2025-09/web_p32-34_forests_green-forest-tree_CREDIT_istock-2052352594.jpg" class="display">
</picture>

CSS

.opacity { opacity: 0.5; }
.display { display: block; }