Images do not appear in the Mail inbox. Laravel 5.4

There is a contact form where the user sends a message to the system and the system automatically sends a message back thanking their contact and along with the message I send the most viewed articles. What happens is that in my hotmail (in my machine appears the images), the account of another person does not appear the images of the logo type of the system nor the images of the articles most viewed. How to solve this problem. See how I'm doing. Controller:

$artigo = Postagem::with('departamentos')->where('status', true)->orderByDesc('visualizacao')->paginate($this->paginate);

Mail::send('frontend.email.contato.contato-mensagem' , ['artigos' =>  $artigo , 'contato'   =>  $request] , function($message){
            $message->to($_REQUEST['email']);
            $message->subject('Contatos Igreja de Deus em Luziania');
        });

view: (I'll show only the part that interests you)

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"
  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="col-md-12">
    <div class="row" style="margin-top: 40px;">
        <div class="col-md-5 col-md-offset-3">
            <p>Prezado(a) {{$contato->nome}}, queremos agradecer seu contato, sua participação foi muito importante para nós.
                Aproveitamos para reforçar nosso compromisso e lhe atender logo em breve.
                Obrigado.
                <br>
                <a href="{{url('/')}}">Igreja de Deus no Brasil </a> Ainda há lugar.
            </p>
        </div>
    </div>
    <div class="row" style="margin-top: 40px;">
        <div class="col-md-2 col-md-offset-3">
            <h3>Artigos Mais visualizados</h3>
        </div>
    </div>
    @foreach($artigos as $artigo)
        <div class="row" style="margin-top: 40px;">
            <div class="col-md-2 col-md-offset-3">
                <ul class=""><a href="{{url('/')}}/artigos/get/{{$artigo->id}}"
                                class="media-box post-image"><i class="fa fa-angle-right"></i> <img
                                src="{{url('/')}}/imagens/artigo/{{$artigo->imagem}}" alt="" class="img-thumbnail"
                                width="100" height="100"> </a>
                </ul>
            </div>
            <div class="widget-blog-content"><a
                        href="{{url('/')}}/artigos/get/{{$artigo->id}}">{{$artigo->titulo}}</a></div>
            <div class="row">
                <div class="col-md-3">
                    <article>
                        <p>{!! substr($artigo->descricao , 0 ,150) !!} ..</p>
                    </article>
                </div>
            </div>
        </div>
    @endforeach
</div>

At @foreach, it loops the most viewed articles. Now the images do not appear. If you're wrong, please tell me what I have to do, because I'm a beginner.