Background disappears when sent in outlook test email

Does anyone know why my social media bar background is not showing up when sent in the test email (outlook)

Not sure if this is the right forum to post on but thankyou for any help in advance.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>The Race to Automate: How AI-Powered Automation Unlocks Value</title>
	<style type="text/css">
		body {
			Margin: 0;
			padding: 0;
			background-color: #f6f9fc; 
		}
		table {
			border-spacing: 0;
		}
		
		img {
			border: 0;
		}
		
		.wrapper{
			width: 100%;
			table-layout: fixed;
			background-color: #f6f9fc; 
			padding-bottom: 40px;		
		}
		
		.webkit {
			max-width: 600px;
			background-color: #ffffff;
		}
		
		.outer{
			Margin: 0 auto;
			width: 100%;
			max-width: 600px;
			border-spacing: 0;
			font-family: sans-serif;
			color: #4a4a4a;
		}
		
		
		.three-columns .content{
			font-size: 15px;
			line-height: 24px;
			padding: 0px 40px 20px 40px;
			background: #ffffff;
		}
		

		@media screen and (max-width: 600px) { 
		}
		@media screen and (max-width: 400px) { 
		}
	</style>
</head>
<body>
	<center class="wrapper">
		<div class="webkit">
			<table class="outer" align="center">
			
				<tr>
					<td>
						<table width="100%" style="border-spacing: 0;">
							
							<td style="padding-bottom: 0px;Margin-bottom:0px;">
			
								<a href="#"><img src="https://msgfocus.com/files/amf_idg/project_108/CIO-IBM.png" width="600" alt="CIO header" style="padding: 0;"></a>
							</td>
			
						</table>	
					</td>
				</tr>
				
				<!--BANNER-->
				<tr>
					<td style="padding-top: 0px;Margin-top:0px;">	
						<a href="#"><img src="https://msgfocus.com/files/amf_idg/project_116/AD_UNIT_1200_X_800-new-edit.jpg" width="600" alt="Banner" style="max-width:100%;padding: 0;"></a>
					</td>
				</tr>

				
				<tr>
					<td>
						<table width="100%" style="border-spacing: 0;">
							<tr>
								<td class="three-columns">
									
									<table class="column">
										<tr>
											<td class="padding">
											
												<table class="content">
												
													<tr>
														<td>
															<p>Hi [* data('first_name') *],</p> 
															
															<p>Automation transforms work and simplifies how businesses operate. Artificial intelligence accelerates innovation by making every interaction, experience, and process more intelligent. Combining automation with AI is expected to release $134 billion in labor value in 2022, and a vast majority of AI and automation leaders expect to outperform their competitors in revenue growth. IT leaders view the automation of business or IT processes as the primary driver of product development and revenue growth, according to IDG’s 2021 State of the CIO study.</p>

															<p>The best way to capture some of that value is by unifying the two technologies across your enterprise, using machine learning and AI to help collect and analyze operational data and optimize your processes. Whether you want to automate complex operations that span your entire organization, such as procure to pay, or automate repetitive tasks, IBM AI-powered Automation can help you reduce your manual processes by 80%. </p>
					
															
														</td>
													</tr>
													
												</table>
												
											</td>
										</tr>
									</table>
									
									
								</td>
							</tr>
						</table>
					</td>
				</tr>
				
				
				<!--IBM FOOTER-->
				
				<tr>
					<td>
						<table width="100%" style="border-spacing: 0;">
							<tr>
			
								<td style="background: linear-gradient(16deg, rgba(0,0,0,1) 64%, rgba(42,112,95,1) 82%);padding:15px;text-align: center;">
							
									<p><img src="https://msgfocus.com/files/amf_idg/workspace_24/ibm-logo-white.png" alt="IBM logo" width="90"></p>
									
											<a href="https://www.linkedin.com/company/ibm" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-linkedin.png" alt="Linkedin logo" width="30"></a>
											<a href="https://www.facebook.com/IBM/" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-facebook.png" alt="Facebook logo" width="30"></a>
											<a href="https://twitter.com/IBM?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-twitter.png" alt="Twitter logo" width="30"></a>
											<a href="https://www.youtube.com/ibm" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-youtube.png" alt="Youtube logo" width="30"></a>
								</td>
								</tr>
							
							
							
								<tr>
									<td style="padding-top:0px;">	
										<a href="#"><img src="https://msgfocus.com/files/amf_idg/workspace_24/shadow.jpg" width="600" alt="Banner" style="max-width: 100%;"></a>
									</td>
								</tr>
		
							
							</table>
		
						</td>
						</tr>

			</table>
		</div>
	</center>
	
	
</body>
</html>


This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.