wordpress ajax call for dynamically add css to existing one whatsapp icon for position in web page with dynamic data like top_left,top_right etc

how to get dynamic data from database in Wordpress ajax if their is already a query is running inside a function in Wordpress

<script type="text/javascript" >
        var ajaxurl = "<?php echo admin_url('admin-ajax.php');?>";
        
        jQuery(document).ready(function($) {
            var data = {
                'action': 'wa_action'
            };
            $.post(ajaxurl, data, function(result) {
                var contactList = JSON.parse(result);
                console.log(contactList);
                var contents = '<ul id="whatsapps" class="list" >';
                contactList.forEach(contact => {
                    contents += '<li class="child">';
                    contents += '<a href="https://wa.me/+91'+contact.contact_number+'" target="_blank">';
                    contents += '<img src="<?php echo PLUGIN_URL."/CustomPlugin/assets/images/whatsapp.png" ?>" class="img-fluid" target="_blank" alt="logo" />';
                    contents += '<span>'+contact.name + '(' + contact.designation +')' + '</span>';
                    contents += '</a>';
                    contents += '</li>';
                });
                contents += '<li class="parent"><a><img src="<?php echo PLUGIN_URL."/CustomPlugin/assets/images/whatsapp.png" ?>" class="img-fluid" target="_blank" alt="logo"></a></li>';
                contents += '</ul>';
                  
                $('body').append(contents);
                $("#whatsapps .parent").click(function () {
                    $("#whatsapps").toggleClass("show");
                });
            });
        });
    </script> 

How to add CSS for positioning here