main .gridbox1
{
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  gap: 1.5em;
}

.center
{
  text-align: center;
}
.spiral
{
  display: none;
  position: absolute;
}
.spiral-hover
{
  position: absolute;
  animation: spiral 2s;
  display: block;
}

.spiral img, .spiral-hover img, .shadow
{
  border-radius: 15px;
  border: 5px solid lightblue;
  box-shadow: 0 0 30px lightblue
            , 0px 0px 50px 10px lightgreen;
  background-color: lightblue;
} 
@keyframes spiral 
{
  from  { 
          border-radius: 50%;
          transform: rotate(0deg) scale(0);
        }
  to    { 
          border-radius: 15px;
          transform: rotate(360deg) scale(1);
        }  
}