main .gridbox3  
{
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
  row-gap: 3em;
}

main .gridbox3 div
{
  display: grid;
  align-items: center;
  justify-items: center;
}

main .gridbox3 img
{
  position: relative;
  width: 80%;
}

li div
{
  padding: 1em 0;
}
li div.hidden
{
  display: none;
}
li span:first-child:hover
{
  cursor: pointer;
}

@keyframes smooth
{
  from  {
          -opacity: 0;
          height: 0;
        }
  to    {
          -opacity: 1;
          height: 100%
        }
}