How to display sender messages right side and receiver message left side in laravel

Hello friends I am new to laravel and I work on the messages module. I get all messages conversations between two users. but I want sender messages to display on the right side and receiver messages left side.

My View Page.

<div class="section-content">
  <?php foreach($data1 as $row){?>
  <div class="row chat">
    <div class="col-md-6">
      <div class="bubble1 me" style="color:black"><p><?php echo $row->message;?></p>
      </div>
    </div>
  </div>
  <div class="row chat">
    <div class="bubble you" style="color:white"><p><?php echo $row->message;?></p></div>
  </div><?php }?> 
</div>

My Controller

$result=DB::table('messages')
                  ->join('user_register','messages.sendermsgid','=','user_register.id')
                  ->where('sendermsgid', $senderid)->where('receivermsgid',$receivermsgid)
                  ->orwhere('sendermsgid',$receivermsgid)->where('receivermsgid',$senderid)
                  ->select('messages.message','messages.sendermsgid','messages.receivermsgid','user_register.first_name as name')
                  ->orderby('messages.sdate','desc')
                  ->get();
 return view('users.messageschat')->with('data1',$result);

i face error like this

Receiver Messages
                       Sender Messages
Receiver Messages
                       Sender Messages
Sender  Messages     
                       Receiver Messages 

I want to Display My chat Like this

   Receiver Messages
                           Sender Messages
   Receiver Messages
                           Sender Messages
   Receiver Messages     
                           Sender Messages
   Receiver Messages 
                           Sender Messages