Пиксели и отрицательные значения для колорстопов

Для позиций колорстопов можно использовать не только проценты, но и пиксели. Проценты зависят от размера градиента, а пиксели задают точное расстояние от центра. Такой градиент сохранит позиции цветов, даже если изменится размер блока.

Отрицательные значения тоже допустимы. Они сдвигают цвет за пределы центра. Это позволяет менять рисунок, не трогая сам список цветов.

background: radial-gradient(
  red -20px,
  yellow 40px,
  green 120px
);

В примере первый цвет смещён на 20px за центр, второй появляется на отметке 40px, а третий заполняет остальное пространство. Фиксированные единицы гарантируют: при масштабировании контейнера расположение цветов не изменится.

В этом задании вам нужно задать позиции колорстопов в пикселях и проверить, как изменится градиент, если использовать отрицательное значение.