.moving-items img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.4;
    transform: scale(0.9);
    transition: all 0.5s ease;
}

.moving-items img.active {
    opacity: 1;
    transform: scale(1.15);
    border: 3px solid #000;
}

.change-based-on-items {
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.fade-out {
    opacity: 0;
    transform: translateY(15px);
}

@font-face {
    font-family:'Arial';
    src:url("fonts/arial/ARIAL.TTF")
    format("opentype");
    font-weight:normal;
    font-style:normal;
}