.item-placeholder {
    /*background: aliceblue;*/
    width: 100%;
    /*height: 100px;*/
    display: block;
    align-items: center;
    /*justify-content: center;*/
    /*position: absolute;*/
}

.image-placeholder {
    background: #FFF;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.loading-text {
    font-size: 1.5rem;
    font-weight: bold;
    color: #777;
    display: flex;
}

.loading-text_normal {
    font-size: 12px;
    color: #777;
}

.dot2 {
    animation: dot-blink 2.4s infinite;
    opacity: 0;
}

.dot2:nth-child(1) { animation-delay: 0s; }
.dot2:nth-child(2) { animation-delay: 0.2s; }
.dot2:nth-child(3) { animation-delay: 0.4s; }
.dot2:nth-child(4) { animation-delay: 0.6s; }
.dot2:nth-child(5) { animation-delay: 0.8s; }
.dot2:nth-child(6) { animation-delay: 1.0s; }
.dot2:nth-child(7) { animation-delay: 1.2s; }

@keyframes dot-blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}