/* is placed last in the  css links order so that it overrides some definitions that prevented me to format te picture in the portfolio classes.
*/

.portfolio-item #imahe {   
    height: 300px; /* 1rem=16px */
    object-fit: cover;
    /* object-fit: center center; */
    border-radius: 20%;
}

.clipart_l {   
    height: 90px; /* 1rem=16px */
    object-fit: cover;
    /*  display: block; */
    /* padding-left: 200px; */
    /* object-fit: center center; */
    /*border-radius: 20%;*/
}
.clipart_r {   
    height: 90px; /* 1rem=16px */
    object-fit: cover;
   /*  display: block;*/
    /* padding-right:150px; */
    /* object-fit: center center; */
    /*border-radius: 20%;*/
}

#blogs img { /* used in blog-browser.php */
    width: 60px;
    margin: auto; /* centers the image in the card */
}

#blogs h5{ /* used in blog-browser.php */
    font-size: 18px;
}