.small
{
  position: relative;
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
}
.small img
{
  width: 30%;
}

main .gridbox1 h1
{
  padding-bottom: 2em;
  text-decoration: underline;
}

main .gridbox2 div
{
  position: relative;
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
  height: 100px;
}

main .gridbox2 img 
{
  position: absolute;
  width: 40%;
}

main .gridbox2 img:hover
{
  position: absolute;
  width: 60%;
  transition: 2s;
}