@property --w1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 42%;
}
@property --w2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 31%;
}
@property --w3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 20%;
}
@property --w4 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 10%;
}



:root {
	--trans: #ffffff00;
	--w1: 42%;
	--w2: 31%;
	--w3: 20%;
	--w4: 10%;
}

body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	justify-content: center;
	background: linear-gradient(180deg, #212121, #343434);
	display: flex;
	justify-content: center;
	align-items: center;
}

.picture {
	width: 70vmin;
	height: 90vmin;
	border-radius: 2vmin;
	background: 
		linear-gradient(-4deg,#082743 0 var(--w4),var(--trans) calc(var(--w4) + 2px) 100%),
		linear-gradient(4deg, #1a4771 0 var(--w3), var(--trans) calc(var(--w3) + 2px) 100%),
		linear-gradient(-4deg, #0c7797 0 var(--w2), var(--trans) calc(var(--w2) + 2px) 100%),
		linear-gradient(4deg, #199aad 0 var(--w1), var(--trans) calc(var(--w1) + 2px) 100%),
		linear-gradient(0deg, #78aca0 0 calc(50% + 1px), var(--trans) calc(50% + 1px) 100%),
		radial-gradient(circle at 30% 50%,#f16b2c 0 20%,var(--trans) calc(20% + 2px) 100%),
		linear-gradient(4deg, var(--trans) 0 90%, #fb7337 calc(90% + 2px) 100%),
		linear-gradient(-4deg, var(--trans) 0 80%, #fa8b42 calc(80% + 2px) 100%),
		linear-gradient(4deg, var(--trans) 0 69%, #f7ab6f calc(69% + 2px) 100%),
		linear-gradient(-4deg, var(--trans) 0 58%, #f7c15d calc(58% + 2px) 100%),
		linear-gradient(0deg, var(--trans) 0 50%, #fad48b calc(50% + 2px) 100%);
	animation: wave1 5s ease-in-out infinite,
			   wave2 5s ease-in-out -0.5s infinite,
			   wave3 5s ease-in-out -1s infinite,
			   wave4 5s ease-in-out -1.5s infinite;
}

@keyframes wave1 {
	0%, 100% {
		--w1: 42%;
	}
	50% {
		--w1: 44%;
	}
}
@keyframes wave2 {
	0%, 100% {
		--w2: 31%;
	}
	50% {
		--w2: 33%;
	}
}
@keyframes wave3 {
	0%, 100% {
		--w3: 20%;
	}
	50% {
		--w3: 22%;
	}
}
@keyframes wave4 {
	0%, 100% {
		--w4: 10%;
	}
	50% {
		--w4: 12%;
	}
}