.display-option {
    width: 150px; /* Reduced from 250px */
    height: 200px; /* Reduced from 300px */
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
    padding: 10px; /* Optional: add a little padding inside */
}

.display-option:hover {
    border-color: #0d6efd;
    box-shadow: 0 0 8px rgba(13, 110, 253, 0.15); /* Slightly smaller shadow */
}

.form-check-input:checked + img + div {
    font-weight: bold;
    color: #0d6efd;
}

.form-check-input:checked + img {
    border: 2px solid #0d6efd;
    border-radius: 0.375rem;
}