Gradient Images from open-props

open-props is no longer used

Line 1
Line 2

Line 3 Line 4

CSS used

.gradient {
		background-image: var(--gradient-3), var(--noise-3);
		filter: var(--noise-filter-3);
		background-size: cover;
		filter: var(--noise-filter-1);
		border-radius: var(--radius-2);
		aspect-ratio: var(--ratio-landscape);
}

These styles created this beautiful image. Now I just have to figure out how to get this as an image somehow so it can be used as preview images for links with og:image for example.