.section {
    align-items: center;
    height: 80vh;
    margin: 50px auto;
    overflow: hidden;
    display: flex;
    max-width: var(--width-max-desktop);
    flex-wrap: wrap;
    gap: 20px;
    width: 90%;

}

.col {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.wrapper_cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    max-width: var(--width-max-desktop);
    margin: auto;
    margin-top: var(--spacing-3xl);
}

.image_sec {
    color: transparent !important;
    width: 90% !important;
    height: 96% !important;
    object-fit: cover !important;
    margin: auto !important;
    margin-top: -100px;
}