div#welcome{
    position: relative;
}

div#welcome div#post_it{
    position: absolute;
    z-index: 1;
    top: 210px;
    right: -5px;
    text-align: center;
    background: yellow;
    width: 180px;
    height: 180px;
    padding: 15px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    transform: rotate(-30deg);
    cursor: pointer;
    transition-duration: 0.3s;
    animation: 1s zoom infinite;
}




div#welcome div#post_it:hover{
    
    animation: 1s zoom_stop infinite;
    
}

@keyframes zoom{
    0%,100%{
        transform: scale(1) rotate(-30deg);
    }

    50%{
        transform: scale(1.1) rotate(-30deg);
    }

}

@keyframes zoom_stop{
    0%,100%{
        transform: scale(1.3) translateX(-30px);
    }

}

div#welcome div#post_it p{
    margin: 10px auto;
    padding: 0px;
    color: red;
}


@media (min-width: 400px) {
    div#welcome div#post_it{
        top: 160px;
        right: -5px;
    }
  }


  @media (min-width: 768px) {
    div#welcome div#post_it{
        top: 190px;
        right: 80px;
    }
  }

  @media (min-width: 992px) {
    div#welcome div#post_it{
        top: 170px;
        right: 180px;
    }
  }

  @media (min-width: 1200px) {

    div#welcome div#post_it{
        top: 190px;
        right: 300px;
    }
  }