An above Image is custom component which holds certain value of a country now I needed that just next to an individual values ,countries flag should be get visible how couuld we achieve this not sure...
any suggestion would be appreciable.

Note :-
Combo box values 

1. USA    (USA Flag)
2. CANADA    (Canada Flag)
3. UK (Uk Flag)
 

This is COmponent Code :- 



<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
	<aura:attribute
        name="modes"
        type="List"
        default="[
                 {'label': 'None', 'value': 'none'  } ,
                 {'label': 'UK', 'value': 'uk'  } ,
                 
         
    {'label': 'CANADA', 'value': 'canada'},
    {'label': 'USA','value': 'us'},
    ]"
    />
    <lightning:card  class="slds-align_absolute-center" title="SELECT COUNTRY">
        
        <lightning:layout horizontalAlign="center" multipleRows="true">
            <lightning:layoutItem padding="around-small" class="slds-align_absolute-center">
               
                <lightning:combobox
                    name="Country"
                    label="Game Mode"
                    value="inProgress"
                    variant="label-hidden"
                    aura:id="Country"
                    options="{!v.modes}"
                    placeholder="Select Countries"
                                    onchange = "{!c.handlechanged}"
                                     
                />
            </lightning:layoutItem>
        </lightning:layout>
    </lightning:card>
</aura:component>