estoy usando una plantilla AdminLte, que uso como layout. En la parte donde voy a meter el contenido está así:
<div class="content-wrapper">
<section class="content">
@yield('content')
</section>
<!-- /.content -->
</div>
En la vista donde tengo el contenido a desplegar tengo:
@extends('layouts.app')
@section('content')
<div>
<img class="mx-auto my-auto d-block" src="{{ asset('dist/img/logo.png')}}" alt="logo" style="opacity: .2">
</div>
@endsection
Al ejecutar, me aparece la imagen del logo centrado horizontalmente, pero verticalmente me aparece pegado al margen superior. He intentado varias formas, pero no logro que centre verticalmente. No logro entender cómo solucionarlo. Agradeceré una ayuda.