/* Modifies the pictures next to forum categories */
.category-icon {
    width: 125px; /* Set the size of the image */
    height: auto; /* Ensures it stays square */
    border-radius: 50%; /* This makes the image circular */
    object-fit: cover; /* Ensures the image fits within the circle without distortion */
    margin-right: 10px; /* Adds spacing between the image and text */
    display: inline-block; /* Keeps it inline with the text */
    vertical-align: middle; /* Aligns it nicely with text */
    border: 2px solid #fff; /* Optional: Adds a white border for better contrast */
}

.category-icon:hover {
    filter: brightness(1.2); /* Brightens the image slightly on hover */
    transform: scale(1.05); /* Makes it slightly bigger on hover */
    transition: all 0.3s ease; /* Smooth transition effect */
}

.category-icon {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Subtle shadow around the image */
}