fix(#911): fixed `/combates` -> `/combates/[id]` image size

[AlejandroSuero]

Descripción

Como se comenta en #911, en algunos dispositivos se veía mal u ocupaba mucho espacio.

Problema solucionado

Se mantiene una coherencia entre dispositivos.

Cambios propuestos

1. Que las imágenes ocupen el mismo alto en todos los dispositivos.
2. En móvil y tablet, reducir el tamaño para que pueda verse el vídeo y el título con mayor claridad.
3. Eliminar el renderizado de las imágenes si es REY_DE_LA_PISTA_ID al no existir las imágenes para ello.

Capturas de pantalla (si corresponde)

Comprobación de cambios

• [X] He revisado que no haya ninguna PR (pull request) ya abierta con un problema similar, siguiendo el apartado de buenas prácticas
• [X] He revisado localmente los cambios para asegurarme de que no haya errores ni problemas.
• [X] He probado estos cambios en múltiples dispositivos y navegadores para asegurarme de que la landing page se vea y funcione correctamente.
• [X] He actualizado la documentación, si corresponde.

Impacto potencial

Mejorar la interfaz para mayor adaptabilidad a dispositivos.

Contexto adicional

Closes #911.

Enlaces útiles

• Documentación del proyecto:
• Código de referencia:

[vercel[bot]]

@AlejandroSuero is attempting to deploy a commit to the midudev pro Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions[bot]]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.

[github-actions[bot]]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.

[github-actions[bot]]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.

[github-actions[bot]]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.

[github-actions[bot]]

⚠️ Esta Pull Request tiene conflictos. Por favor, resuelvelos antes de que podamos evaluar los cambios.