.container-play{cursor:pointer;position:relative;width:33.3%;height:20vw;margin-left:15%}.cerchio{position:absolute;width:10vw;height:10vw;top:5vw;left:45%;border-radius:50%;border:1px solid #fff;z-index:4;display:flex;justify-content:center;align-items:center;color:#fff;font-size:3vw}.cerchio:hover{border:0;background-color:#f08018;animation:pulsazione 4s infinite alternate}@keyframes pulsazione{0%{transform:scale(1)}100%{transform:scale(1.2)}}.onda-piccola,.onda-grande{width:10vw;height:10vw;border:2px solid rgb(255 255 255 / .5);border-radius:50%;position:absolute;top:5vw;left:45%;z-index:2}.onda-piccola{animation:ondaPiccola 2s infinite}.onda-grande{animation:ondaGrande 2s infinite;animation-delay:0.5s}@keyframes ondaPiccola{0%{transform:scale(1);opacity:.5}100%{transform:scale(2);opacity:0}}@keyframes ondaGrande{0%{transform:scale(1);opacity:.5}100%{transform:scale(2);opacity:0}}@media (max-width:768px){.container-play{cursor:pointer;position:relative;width:30%;height:40vw;margin-left:20%;margin-top:10%}.cerchio{position:absolute;width:20vw;height:20vw;top:5vw;left:40%;border-radius:50%;border:1px solid #fff;z-index:4;display:flex;justify-content:center;align-items:center;color:#fff;font-size:5vw}.cerchio:hover{border:0;background-color:#f08018;animation:pulsazione 4s infinite alternate}.onda-piccola,.onda-grande{width:20vw;height:20vw;border:2px solid rgb(255 255 255 / .5);border-radius:50%;position:absolute;top:5vw;left:40%;z-index:2}}