Imagens do banco de dados responsivo!

Programação
#1

Olá, tudo bem?

VERSÃO ScriptCase 9.8.008 (6)

Tenho uma imagem salva no banco de dados que estou trazendo via PHP e exibindo em uma Blank!
Gostaria da saber como deixo essa imagem responsivo conforme o restante do código!

Obrigado pela atenção!

Código abaixo:

$imgStr = {a[0][0]};
$imgNome = “ass_”.{a[0][1]}.".jpeg";
$imagemAss = base30_to_jpeg($imgStr, “…/_lib/img/$imgNome”);

$colabNome = {a[0][2]};

?>

	<style>
		* {
			padding: 0px;
			margin: 0px;
			font-family: Leelawadee, Ebrima, 'Bahnschrift Light', Gadugi, 'Nirmala UI', 'Segoe UI', Verdana;
		}
		
		#centro {
			width: 90%;
			height: 100%;
			background: #e6e6e6;
			margin: 0 auto;
		}
		
		#cabecalho {
			width: 100%;
			height: 60px;
			background: #cceeff;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 18px;
			letter-spacing: 1px;
			color: #0099e6;
		}
		
		#assinatura {
			width: 40%;
			position: relative;
			left: 30%;
			text-align: center;
			margin-top: 5px;
			float: none;
		}
		
		@media screen and (min-width: 320px) and (max-width: 480px) {
			#centro {
				width: 100%;
			}
			
			#assinatura {
				width: 90%;
				left: 5%;
				position: relative;
				text-align: center;
				margin-top: 5px;
				float: none;
				font-size: 12px;
			}
		}
		
		@media screen and (min-width: 481px) and (max-width: 768px) {
			#centro {
				width: 98%;
			}
		}
		
		@media screen and (min-width: 769px) and (max-width: 1024px) {
			#centro {
				width: 96%;
			}
		}
		
		@media screen and (min-width: 1025px) and (max-width: 1200px) {
			
		}
		
		@media screen and (min-width: 1201px) {
			
		}
		
	</style>
</head>

<body>
	<div id="centro">
		<div id="cabecalho">
			<p><strong>Assinar Certificado</strong></p>
		</div>
		
		<div id="assinatura">
			<? echo "<img src=' {$imagemAss} '>" ?>
			<hr noshade="noshade" size="1px" align="center" />
			<? echo $colabNome ?>
		</div>
	</div>
</body>
<?