.custom-logo {
    /* Takes the logo out of the normal document flow */
    position: absolute;
    /* Position the logo at the top left of the container */
    top: 0;
    left: 0;
    /* Ensures the logo is on top of other content in the container */
    z-index: 10;
    /* Set max width to control size */
    max-width: 150px;
}

.header-logo {
    position: fixed; /* Keeps the logo fixed in the viewport */
    top: 40px; /* Distance from the top of the viewport */
    left: 20px; /* Distance from the left of the viewport */
    z-index: 1000; /* Ensures it is above other elements */
}