.container { max-width: 1200px; }
        #suggestions { margin-top: 20px; }
        
        #gifteeImageContainer {
                display: flex;
                align-items: center;
                margin-bottom: 20px;
            }
            
            #gifteeImage {
                width: 100px;
                height: 100px;
                object-fit: cover;
                border-radius: 50%;
                margin-right: 20px; /* Space between the image and suggestions */
            }
            
            #suggestionsList {
                list-style-type: none;
                padding: 0;
                margin: 0;
            }

            #userImage {
                width: 50px;
                height: 50px;
                object-fit: cover;
                border-radius: 50%;
                position: fixed;
                top: 20px;
                left: 20px;
                z-index: 1000; /* Ensures the image stays on top */
            }

            #userImage {
                width: 60px; /* Adjust size if needed */
                height: 60px; /* Adjust size if needed */
                object-fit: cover;
                border-radius: 50%;
                position: absolute;
                top: 80px;  /* Adjust the value to position below the navbar */
                left: 20px; /* You can adjust this for centering or left positioning */
                z-index: 1000;
            }

            ul#suggestionsList.list-group li.list-group-item {
                margin-left: 0;
            
            }

            div#suggestionsSection.col-md-4 div.container {
                padding-left: 0;
            }

            .alert400 {
                width:400px;
            }