Marcadores do google maps

Question

I have a background with opacity . 5 above my map. I wonder if you have how to put the location markers on top of this background, or if you have a better way to do it (Not with position Absolute):

That’s the problem I’m having:

This is my JS:

    function myMap() {

    var pin = 'Content/img/local.png';

    var mapProp= {
        center:new google.maps.LatLng(-30.3372663,-50.8609875),
        zoom:7,
        scrollwheel: false,
        motionTracking: false
    };
    var map=new google.maps.Map(document.getElementById("map"),mapProp);

    var poa = new google.maps.Marker({
        map: map,
        draggable: true,
        animation: google.maps.Animation.DROP,
        position: {lat: -30.0551953, lng: -51.2015547},
        icon: pin,

    });

    var ev = new google.maps.Marker({
        map: map,
        draggable: true,
        animation: google.maps.Animation.DROP,
        position: {lat: -29.649637, lng: -51.173016},
        icon: pin
    });
    var rg = new google.maps.Marker({
        map: map,
        draggable: true,
        animation: google.maps.Animation.DROP,
        position: {lat: -32.0323527, lng: -52.0969908},
        icon: pin
    });
}