.coachcarousel {
    position: relative;
    width: 100%; /* Adjust width as needed */

    overflow: hidden;
}

.coachcarousel-images {
    display: flex;
    transition: transform 0.5s ease;
}

    .coachcarousel-images img {
        width: 25.43%; /* Show 3 images at a time */
        flex: 0 0 auto; /* Prevent shrinking */
    }

.coacharrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 10px;
    z-index: 1;
}

.coachleft {
    left: 0px;
}

.coachright {
    right: 0px;
}