Reports

Will this help?
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Aerocello</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
body {
    background-color: #AEAEAE;
    margin: 0;
    padding: 0;
    
    height: 100vh;
}

.gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    height: 100%;
}

.centre {
    width: auto;
    max-width: auto;
    height: 80%;
    max-height: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
   overflow: auto;
   margin: auto;
   position: absolute;
   top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.roboto {
    font-family: roboto;
}
</style>
<script>
window.onload=()=>{
if (parseFloat(document.querySelector('.centre').style.width) < 80) {
    document.querySelector('.centre').style.width = '80%';
}
}
</script>
<body>
    <div class="gallery" *ngFor="let image of images; let i = index;">
        <img src="https://th.bing.com/th/id/OIP.0jl9haemnq0P4eYzzrfNOgHaGw?w=217&amp;h=198&amp;c=7&amp;r=0&amp;o=5&amp;pid=1.7" alt="logo" class="centre">
    </div>
    <div class="idk">
        <p class="roboto">hi</p>
    </div>
</body>
</html>
79385740
