<!--
  https://play.tailwindcss.com/V4B6tDWkg1
-->



<div class="[--color:red] md:[--color:green]">
  <div class="aspect-square w-20 bg-[var(--color)]">1</div>
  <div class="aspect-square w-20 bg-[--color]">2</div>
</div>