.storytelling-text, .storytelling-section {
    padding : 5vh 0;
}

.storytelling-section {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 15% 15%;
    align-items: center;
    justify-items: center;
}

.storytelling-title {
    
    font-size: clamp(20px, 5vw, 40px);
    color:rgb(0, 126, 126);
}



.storytelling-text {
    font-size: clamp(15px, 1.5vw, 40px);
    height: 40%;
    width: 50%;
    text-align: justify;
}

@media (max-width: 768px) {
    
    .storytelling-text {
    height: 100%;
    width: 80%;
    }
}


.storytelling-img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.word {
    position: absolute;
    color:rgb(0, 126, 126);
}

.word-cloud .word:nth-child(1) { right: 10%; top: 9%; font-size: 2vw; }
.word-cloud .word:nth-child(2) { right: 30%; top: 9%; font-size: 1.2vw; }
.word-cloud .word:nth-child(3) { right: 57%; top: 9%; font-size: 1.7vw; }
.word-cloud .word:nth-child(4) { right: 86%; top: 9%; font-size: 2vw; }
.word-cloud .word:nth-child(5) { right: 90%; top: 55%; font-size: 2.4vw; }
.word-cloud .word:nth-child(6) { right: 89%; top: 86%; font-size: 1.7vw; }
.word-cloud .word:nth-child(7) { right: 72%; top: 88%; font-size: 2.5vw; }
.word-cloud .word:nth-child(8) { right: 58%; top: 90%; font-size: 1.3vw; }
.word-cloud .word:nth-child(9) { right: 32%; top: 91%; font-size: 1.7vw; }
.word-cloud .word:nth-child(10) { right: 7%; top: 79%; font-size: 2vw; }
.word-cloud .word:nth-child(11) { right: 3%; top: 40%; font-size: 2.5vw; }


.word-cloud p.word {
  opacity: 0.8;
  animation: float 3s ease-in-out infinite alternate;
}

@keyframes float {
  0% { transform: translateY(0); }
  100% { transform: translateY(-5px);}
}