img {
    border: 2px solid #cfa9fa;
    border-radius: 12px;
    background: linear-gradient(135deg, #4B4B4B,  #8c7753, #d4af37);
    padding: 2px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
img:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Slightly larger shadow */
    transform: scale(1.02); /* Gentle zoom effect */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth animation */
}