.custom-dropdown {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 30px;
    cursor: pointer;
}

    .custom-dropdown .selected img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .custom-dropdown .options {
        display: none; /* hidden initially */
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        z-index: 100;
    }

        .custom-dropdown .options div {
            padding: 5px;
            cursor: pointer;
        }

            .custom-dropdown .options div:hover {
                background-color: #eee;
            }
            .custom-dropdown .options div img {
                width: 60px;
                height: 27px;
                object-fit: cover; /* keeps aspect ratio */
                display: block;
                margin: 0 auto; /* center in the option div */
            }