body {
  margin: 0;
  width: 100vw;
  height: 100vh;
  background-size:cover;
  background-position:center;
  background-image: 
    repeating-conic-gradient(
      from var(--ldeg) at 75% 50%,
      #00000000,0% ,
      #ff750006 1%, 
      #00000000 2%, 
      #FFFF0006 3%, 
      #00000000 4%), 
    url("https://magazine-cf.techacademy.jp/wp-content/uploads/2021/02/16012113/sunrise.jpg");
  animation: sunrise 1s infinite;
}
@keyframes sunrise{
  0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100% {
    --ldeg:0deg;
  }
  3%,21%,41%,53%,70%,82%{
    --ldeg:5deg;
  }
  15%,32%,63%,92%{
    --ldeg:3deg;
  }
}