body{
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center;     /* vertical */
    text-align: center;
}

section{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;

    img{
      position: relative;
      width: 50%;
      transform: scale(1.8);

    }

    @media (max-width: 950px) {
      img {
        width: 90%;
        zoom: 30%;
      }
    }

    @media (max-width: 500px){
      img{
        transform: scale(1.6);
      }
    }

    h3{
      font-family: Georgia, 'Times New Roman', Times, serif;
      transform: translateY(-50%);
      font-size: 22px;
      position: absolute;
      bottom: 35%;
      

      @media (max-width: 650px) {
        font-size: 16px;
        bottom: 32%;
      }
    }
}