.coulpalette{

  background-image: url(../images/or.jpg);
    width: 100%;
    padding: 9px 20px;
    text-align: center;
    border: 0;
    outline: 0;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 14px;
    
}

.coulpalette:hover{

  background-image: url(../images/palette1.jpeg);
    width: 100%;
    padding: 9px 20px;
    text-align: center;
    border: 0;
    outline: 0;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 14px;
    
}