.image01 {
    width: 100%;
    height: 50%;
    display: block;
    border-radius: 8px;
    align-items: center;
}

.image02 {
    width: 100%;
    height: fit-content;
    display: block;
    border-radius: 8px;
    align-items: center;
    border-color: 1px solid var(--card-border);
}

.borrd
{
    border-color: 1px solid var(--card-border);
    background-color: var(--background-color-highlight);
    padding: 4px;
}

.image-middle {
    border-color: 1px solid var(--card-border);
    background-color: var(--background-color-highlight);
    width: 50%;
    min-width: 270px;
    height: auto;
     border-radius: 8px;
    align-items: center;
    margin: 8pt auto;  
  display: block;   
}

.imagecircle {
    border-color: 1px solid var(--card-border);
    background-color: var(--background-color-highlight);
    width: 50%;
    min-width: 270px;
    height: auto;
     border-radius: 50%;
    align-items: center;
    margin: 8pt auto;  
  display: block;   
}