div.info, article, h4, h5, main.container{
    display: flex;
}

img.article,
h3,
div.info{
    width: 100%;
}

div.info {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    padding: clamp(7px, 1vw, 14px);
}

img.article,
h3,
div.info, article {
    border: var(--border-duble);
}

a.article {
    display: contents;
}

article {
    border-radius: var(--radius);
    padding: clamp(7px, 1vw, 14px);
    background-color: var(--red);
    scale: var(--scale);
    transition: var(--transition);
    gap: clamp(7px, 1vw, 14px);
    width: clamp(200px,50vw,500px);
}

article:hover {
    scale: 1;
}

h2 {
    font-size: clamp(14px,4vw,35px);
}

h3 {
    padding: clamp(7px,1vw,14px);
    font-size: clamp(10px,2vw,25px);
    color: var(--white);
}

h4,
h5 {
    font-size: clamp(9px,3vw,17px);
    color: var(--white);
    gap: clamp(5px, 1vw, 7px);
}

h3, h4, h5{
    white-space: nowrap;
    }

h4, h5{
    justify-content: center;
}