﻿.webimageContainer .webimage {
    display: flex;
    max-width: 100%; /* responsive */
   /* height: auto;*/ /* keep aspect ratio */
    object-fit: cover; /* optional */
}

/*.webimageContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    
}*/

.webimageContainer {
    display: flex;
    width: 100%; /* full width to allow flex-end alignment */
    align-items: center; /* vertical centering */
}

    /* Alignment variants */
    .webimageContainer.image-align-left {
        justify-content: flex-start;
    }

    .webimageContainer.image-align-center {
        justify-content: center;
    }

    .webimageContainer.image-align-right {
        justify-content: flex-end;
    }
 
.valignCenter {
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center; /* vertical */
}


/*.webimageContainer {
    display: flex;*/ /* optional */
    /*justify-content: center;*/ /* fallback if not using column flex */
    /*align-items: center;*/     /* vertical centering */
/*}

.webimageContainer.image-align-left {
    justify-content: flex-start;
}

.webimageContainer.image-align-center {
    justify-content: center;
}

.webimageContainer.image-align-right {
    justify-content: flex-end;
}

.webimageContainer .webimage {
    max-width: 100%;*/   /* scales down on smaller screens */
    /*height: auto;*/      /* maintains aspect ratio */
    /*object-fit: cover;*/ /* optional: fills container nicely */
/*}*/


/*.webimageContainer {
    display: flex;
    align-items: center;*/ /* vertical centering */
    /*height: auto;*/ /* let container adjust */
/*}*/

    /* Horizontal alignment */
    /*.webimageContainer.image-align-left {
        justify-content: flex-start;
    }

    .webimageContainer.image-align-center {
        justify-content: center;
    }

    .webimageContainer.image-align-right {
        justify-content: flex-end;
    }*/

    /* Make image responsive */
    /*.webimageContainer .webimage {
        max-width: 100%;*/ /* scale down on smaller screens */
        /*height: auto;*/ /* maintain aspect ratio */
        /*object-fit: cover;*/ /* optional: crops to fit container */
    /*}*/


