.head-card {
    background-color: #41b649;
  }

  @media (max-width: 600px) {
    .mobile {
        display: none;
    }
    .button-pad {
        margin-bottom: 5em;
    }
    .image-pad {
        margin-bottom: 3em;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .mobile {
        display: none;
    }
    .button-pad {
        margin-bottom: 1000em;
    }
    .image-pad {
        margin-bottom: 3em;
    }
}

.gradient {
    background: linear-gradient(90deg, #41b649 0%, #00aeef 100%);
    background-repeat: no-repeat;
}

#image_entrance {
    transition: transform .2s;
    position: relative;
    /* Animation */
    /* transition properties here */
}

#image_entrance:hover {
    transform: scale(1.1);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}