/* img-fit.css $Id: img-fit.css,v 1.2 2025/12/23 11:48:11 raifra Rel $
 *
 * Anpassung der Bildgröße bei kleinen Viewports.
 *
 * Die hier abgelegten Definitionen sollten zusammen mit "raifra.css"
 * verwendet werden. Die CSS-Datei braucht nicht geladen zu werden,
 * wenn auf der betreffenden HTML-Seite die Funktion nicht gebraucht wird.
 *
 * Rainer Frädrich, www.raifra.de
 *
 */

/* Container für "img"-Tag */

.section-images
{
    height: 100%;
    margin: auto 1em;
    text-align: center;
}

/* Klasse für "img"-Tag */

.fit-img
{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 60vh;
    margin: 2px auto;
}