apps.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

body {
    overflow: visible !important;
}

.container-apps {
    margin-top: 39px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.8em;
}

.column {
    /* Group 1 */
    width: 145px;
    height: 171px;
    transition: all 0.2s ease;
}

.column img {
    /* Rectangle 1 */
    position: absolute;
    width: 145px;
    height: 145px;
    background: #F8F8F8;
    border-radius: 25px;
    transition: all 0.2s ease;
}

.column p {
    /* Label */
    position: absolute;
    width: 145px;
    height: 19px;
    font-style: normal;
    font-weight: 550;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    margin-top: 150px;
    transition: all 0.2s ease;
    text-transform: none !important;
}

.column:hover,
.column:hover p {
    transform: scale(1.2);
}

.column:hover .label {
    transform: translateX(-50%) scale(1.3);
}

/* Container apps 2 */

.column2 {
    /* Group 1 */
    width: 145px;
    height: 171px;
    transition: all 0.2s ease;
}

.column2 img {
    /* Rectangle 1 */
    position: absolute;
    width: 305px;
    height: 145px;
    background: #000000;
    border-radius: 25px;
    transition: all 0.2s ease;
}

.column2 p {
    /* Label */
    position: absolute;
    width: 145px;
    height: 19px;
    font-style: normal;
    font-weight: 550;
    font-size: 24px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    margin-top: 155px;
    transition: all 0.2s ease;
    text-transform: none !important;
}

.column2:hover,
.column2:hover p {
    transform: scale(1.1);
}

.column2:hover .label {
    transform: translateX(-50%) scale(1.3);
}