A sua ajuda foi muito boa se eu fizer isso de modo simples, mas ao fazer como aqui em baixo já não funciona. Repare em baixo, os logótipos do lado direito não deviam ter espaços; ou seja, deviam estar uns a seguir aos outros.
Pode-me ajudar a descobrir onde está o erro?
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<link href="./css/lotti.css" rel="stylesheet" type="text/css">
<title>Tombola Dinamica</title>
<!-- Custom fonts for this template -->
<link href="./b_styles/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!--[if lt IE 7]>
<style type="text/css">
img { behavior: url("pngfix.htc"); }
</style>
<![endif]-->
</head>
<body scroll="no" style="overflow: auto">
<header class="image-background">
<div class="container">
<div class="row mx-md-n5">
<div class="col-md-7">
<img id="logo" src="./img/outras/logo_blank.png" class="rounded float-left logo" alt="...">
</div>
<div class="col-md-5">
<img id="logo" src="./img/outras/logo_blank.png" class="rounded float-left logo" alt="...">
</div>
</div>
<div class="row mt-3">
<div class="col-md-7">
<!-- Marquee -->
<!-- Product Image -->
<img id="image_produt" src="./img/outras/product1.jpg" style="width:340px; height:200px; margin-top:-7px; background: Transparent; margin: 5 auto; border: 10px double #ddd;" class="rounded float-left logo" alt="...">
</div>
<div class="col-md-5">
<img id="logo" src="./img/outras/logo_blank.png" class="rounded float-left logo" alt="...">
</div>
</div>
<div class="row mt-4">
<div class="col-md-7">
<!-- Texto da Campanha -->
<h1 style="color:#fff; font-family:colibri; font-size:170%; font-weight: normal; margin-left:0px; margin-top: 20px;"><b> xxxx xxxx </b>: </b></h1>
<h4 style="color:#fbaf20; margin-left:255px; margin-top:-38px">5</h4>
<h4 style="color:#fbaf20; margin-left:275px; margin-top:-36px">13</h4>
<h4 style="color:#0ec51a; margin-left:310px; margin-top:-36px">9</h4>
<h1 style="color:#fff; font-family:colibri; font-size:120%; font-weight: normal; margin-top:-5px; margin-left:0px;">wefwefwefwefwef. <br> fwefwefwefwefwefef. <br> efwefwf!..</h1>
<h5 style="color:#fff; font-family:colibri; font-size:111%; margin-left: 0px; margin-top:15px;">sdfsdfdff + fsfsdf + fffsdfsdfs </h5>
</div>
<div class="col-md-5">
<img id="logo" src="./img/outras/logo_blank.png" class="rounded float-left logo" alt="...">
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-md-7">
</div>
<div class="col-md-5 ">
<img id="logo" src="./img/outras/logo_blank.png" class="rounded float-left logo" alt="...">
</div>
</div>
<div class="row mt-1">
<div class="col-md-7">
</div>
<div class="col-md-5">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
<script type="text/javascript" src="./js/LottiDynamic.js"></script>
</body>
</html>