Kadence Icons between columns

/* Base styling for arrow section */
/* Add the class .arrow-columns to the row block where you have the columns. */
.arrow-columns .kt-row-column-wrap {
    display: flex;
    position: relative;
}

.arrow-columns .wp-block-kadence-column {
    position: relative;
}

.arrow-columns .wp-block-kadence-column:not(:last-child)::after {
    content: '\f344'; /* Dashicons arrow-right-alt */
    font-family: "Dashicons";
    font-size: 24px;
    color: red; 
    position: absolute;
    top: 50%;
    right: -25px; 
    transform: translateY(-50%);
}

/* Media query for screens smaller than 1024px */
@media screen and (max-width: 1024px) {
    .arrow-columns .kt-row-column-wrap {
        flex-direction: column;
    }

    .arrow-columns .wp-block-kadence-column:not(:last-child)::after {
        content: '\f346'; /* Dashicons arrow-down-alt */
        font-family: "Dashicons";
        font-size: 24px;
        color: red; 
		right: 45%;
        left: 50%; 
        top: auto;
        bottom: -35px; 
        transform: translateX(-50%);
    }
}