@php
    $prefix = isset($isPdf) ? '' : '/' ;
@endphp

<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .qrcode {
        display: block;
        width: 150px;
        height: 150px;
        margin-left: 280px;
        border: solid 6px #cd5d1c;
    }
    .wrapper {
        margin: 0 auto;
        width: 700px;
        position: relative;
    }
    .wrapper-img {
        margin:  0 auto;
        display: block;
        width: 700px;
        height:58%;
    }
    .logo {
        position: absolute;
        width: 180px;
        left: 0;
        top: 20px;
        margin-bottom: 0;
    }

    .company-name {
        color: #cd5d1c;
        font-weight: bold;
        font-size: 30px;
        font-family: 'sueellenfrancisco';
    }

</style>

<div class="wrapper" style="zoom: 0.36; height:700px;">
    @if($logo)
        <img class="logo" src="{{$prefix}}{!! $logo !!}">
    @else
        <p class="company-name">{{ $charityOrg->name }}</p>
    @endif
    
    <img src="{{ $prefix }}images/marketing/food-bin-sign-donate.png" class="wrapper-img">
   
    <img class="qrcode" src="{!! $qrCode !!}">
</div>