/* Position the image above the text */
.menu-item img {
    display: block;
    margin: 0 auto;
    width: 30px;  /* Adjust the width as needed */
    height: auto;
}

/* Add some space between the image and text */
.menu-item a {
    text-align: center;
    padding-top: 10px;  /* Adjust space between image and text */
}

/* Optional: Style the menu items to be centered */
.menu-item {
    text-align: center;
}