main > .resizer > h1 {
    line-height: 48px;
}

main > .resizer > p {
    line-height: 36px;
}

main > .resizer > p:last-of-type {
    margin-bottom: 48px;
}

main a {
    display: flex;
    flex-direction: column;
    text-align: center;
    text-decoration: none;
    color: #000;
}

main a:hover {
    text-decoration: underline;
}

main a img {
    height: auto;
    width: 100%;
    border-radius: 8px;
}

main a:hover img {
    animation: shake 0.5s infinite; /* Apply the 'shake' animation, duration 0.5s, repeat infinitely */
}

main a *:not(img) {
    line-height: 36px;
}

main a h2 {
    margin-top: 24px;
}

main a p {
    font-size: 14px;
    color: 	#4d4d4d;
}

@keyframes shake {
    0% { transform: translateX(0); } /* Start at original position */
    25% { transform: translateX(-5px); } /* Move left by 5px */
    50% { transform: translateX(5px); } /* Move right by 5px */
    75% { transform: translateX(-5px); } /* Move left again */
    100% { transform: translateX(0); } /* Return to original position */
}