Sindbad~EG File Manager

<div>
	<style>
		.unique-character {
            max-width: 200px;
            width: 90%;
            height: auto;
            animation: float 3s ease-in-out infinite;
        }
        .unique-character-container {
            flex: 0 0 auto;
            display: flex;
            justify-content: right;
            align-items: center;
        }
	</style>
	<div class="row">
		<div class="col-md-12" align="center"><br>
			@if($ranking)
				<h1 style="font-size: 5vw;">Ranking {{$ranking}}</h1>
			@else
				<h1 style="font-size: 5vw;">Ranking de Equipos</h1>
				</div>
			@endif
		</div>

		<div class="container">
			<div class="d-flex">
				<!-- Columna 1 -->
				<div class="col-md-10 text-white p-3" >
					<div class="row">
						<!--<div class="col-md-2" style="background-color: white;">
							<h5>Filtro:</h5>
						</div>
						<div class="col-md-5" style="background-color: white;">
							<div class="form-group">
								<label for="">Fecha inicio:</label>
								<input type="date" wire:model="fecha_inicio" class="form-control">
							</div>
						</div>
						<div class="col-md-5" style="background-color: white;">
							<div class="form-group">
								<label for="">Fecha fin:</label>
								<input type="date" wire:model="fecha_fin" class="form-control">
							</div>
						</div> -->
						<table class="table" style="border-radius: 10px; border-collapse: separate; border-spacing: 0;">
							<thead style="background-color: #008CBA; color: white;">
								<tr>
									<th style="border-top-left-radius: 10px; padding: 10px;">Posicion</th>
									<th style="padding: 10px;">Equipo</th>
									<th style="border-top-right-radius: 10px; padding: 10px;">Total de puntos</th>
								</tr>
							</thead>
							<tbody style="color: white;">
								@php $count = 1; @endphp
								@foreach($equipos as $value)
									<tr>
										<td style="padding: 8px;">{{ $count }}º lugar</td>
										@php
											$count += 1;
										@endphp
										<td style="padding: 8px;">{{--<img src="{{ asset('/images/equipos'.$value->foto) }}" width="40px" >--}} {{ $value->nombre }}</td>
										<td style="padding: 8px;">{{ $value->puntos + $value->puntos_extras }} PTS.</td>
									</tr>
								@endforeach
							</tbody>
						</table>
					</div>	
				</div>
				<div class="unique-character-container">
					<div class="unique-character">
						<img src="/frontend/mujer.png" alt="Character" class="character" style="max-width: 100%; height: auto;">
					</div>
				</div>
			</div>
		<div>

	</div>
</div>