.titleBox{
    font-size: large;
    font-weight: bold;
    transition: 0.5s;
}

.contentBox{
    transition: 0.5s;
    font-size: 14px;
}

.box:hover .titleBox{
    color: #fcd34d;
    font-size: x-large;
    transition: 0.8s;
}

.box:hover .contentBox{
    font-size: 15px;
    transition: 0.5s;
}

.imgBox{
    width: 50px;
    transition: 1s;
}

/* .box:hover .imgBox{
    
    animation: shake 0.5s;

    width: 40px;
    transition: 1s;
    
    animation-iteration-count: infinite;
  }
  
  @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -1px) rotate(-1deg); }
  } */