/*
.media-square-card {
    min-width: 20%; 
    width: 20%; 
    padding-top: 20%; 
    position: relative;
    cursor: pointer;
}
*/
.media-square-card {
    position: relative;
    width: 100%;
    padding-top: 100%; /* Mantiene il contenitore quadrato */
    position: relative;
    cursor: pointer;
}
.square-card-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}