Okay, I found the answer. It is in the view > mail_notification_light
Here are the first few lines of codes in the XML
<?xml version="1.0"?>
<t t-name="mail.mail_notification_light">
<table border="0" cellpadding="0" cellspacing="0" style="padding-top: 16px; background-color: #F1F1F1; font-family:Verdana, Arial,sans-serif; color: #454748; width: 100%; border-collapse:separate;"><tr><td align="center">
<table border="0" cellpadding="0" cellspacing="0" width="590" style="padding: 24px; background-color: white; color: #454748; border-collapse:separate;">
Then changed into these.
<?xml version="1.0"?>
<t t-name="mail.mail_notification_light">
<meta http-equiv="Cache-control" content="no-cache" />
<table border="0" cellpadding="0" cellspacing="0" style="padding-top: 16px; background-color: #F1F1F1; font-family:Verdana, Arial,sans-serif; color: #454748; width: 100%; border-collapse:separate;"><tr><td align="center">
<table border="0" cellpadding="0" cellspacing="0" width="590" style="padding: 24px; background-color: white; color: #454748; border-collapse:separate;">
So I put the in there. So far, it works wonder. Once again, thank you for everyone that has been reading and giving comment.
You can change the browsers Image cache, but I don't think this will solve the same. Make sure the company logo is changed properly.
I have make sure the logo is changed properly since I have tested in several new email address and found them showing the correct image. Only the one that have received the email before I changed the logo that showed the previous logo. My idea is to add the no-cache on the header of the html, but I don't know where to put it.