ドットの動きを加える設定(css)

.dot__item {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fafafa;
    animation: wave 1.5s infinite ease-in-out;
}

.dot__item:nth-of-type(1) {
    animation: wave 1.5s infinite ease-in-out;
}

.dot__item:nth-of-type(2) {
    animation: wave 1.5s 0.2s infinite ease-in-out;
}

.dot__item:nth-of-type(3) {
    animation: wave 1.5s 0.4s infinite ease-in-out;
}