.works { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding-block: 50px; margin-block: 30px; background: white; }
.works > div > div { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.works > div { width: 40%; }
.works > div > div * { width: 100%; height: auto; }

/*@media screen and (max-width: 1366px){
	.works > div { width: 40%; }
}*/

@media screen and (max-width: 767px){
	.works > div { width: 80%; }
}


video::-webkit-media-controls-enclosure {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

video:hover::-webkit-media-controls-enclosure {
  opacity: 1;
}

.winner { display: flex; flex-direction: column; text-align: center; }


section.hero .megafon {
    top: 50%;
    left: 10%;
}

@media screen and (max-width: 767px) {
    section.hero .megafon {
        width: 46%;
        bottom: 0%;
        left: 25%;
        top: auto;
    }
}