.image_link  {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:self-start;
    gap:1rem;
}

.imglink-container {
    display:grid;
    grid-template-rows: auto auto;
    gap: 0.3rem;
    align-items:self-start;
    justify-items: center;
    text-decoration: none;
    color:inherit;
}

.aligned-left-text {
    grid-template-areas: "ilm-txt ilm-img";
    grid-template-rows: auto;
    align-items: center;
    gap: 1rem;
}

.aligned-right-text {
    grid-template-areas: "ilm-img ilm-txt";
    grid-template-rows: auto;
    align-items: center;
    gap: 1rem;
}

.aligned-top-text {
    grid-template-areas: 
        "ilm-txt"
        "ilm-img";
}

.aligned-bottom-text {
    grid-template-areas: 
        "ilm-img"
        "ilm-txt";
}

.imglink-container .ilm-img {
    grid-area: ilm-img;
}

.imglink-container .ilm-txt {
    grid-area: ilm-txt;
}

.imglink-container > div > img {
    width: fit-content;
    height: fit-content;
    display:block;
}

@media only screen and (max-width: 600px) {
    .imglink-container > div > img {
        max-width: 100% !important;
        height: fit-content;
        display:block;
    }
}

.imglink-container > div > span {
    display:block;
    text-decoration:none;
    word-break:keep-all;
}

.imglink-container > div > img.set_img_link {
    width: auto;
    height: auto;
}