.alfavit-container { width:100%; border:1px solid brown; }/*общий блок с игрой*/
	.letras-fotos { }
	.letra-foto { width:100%; min-height:100px; text-align:center; padding-top:5px; justify-content:center; display:none; }/*блок, в котором скрыта буква и картинка (два блока и третий - название зверя с шириной 100%)*/
	.letra-foto-wrapper { width:30%; }/*обертка для каждого из этих двух блоков*/
	.letra-foto-wrapper > div { background: yellow; margin-left: auto; margin-right: auto; padding-top: 50%; padding-bottom: 48%; border:1px solid brown; color:brown; position:relative; overflow:hidden; }/*два блока с авто шириной, у которого высота всегда равна ширине https://toster.ru/q/194633 */
	.letra-foto-wrapper > div span { display:block; position:absolute; top:0; font-size:13.8vw; left:25%; }/*буква внутри первого блока*/
	.letra-foto img, .letra-foto img:not([class]) { width:100%!important; height:auto; display:block; position:absolute; top:0; }/*картинка внутри второго*/
	.animal-name { font-size:2vw; width:100%!important; }/*название зверя под картинкой*/
	
	.letras { padding:5px; }/*блок с буквами внизу*/
	.letras > div { width:10%; padding:3px; }/*обертка для каждой буквы*/
	.letra { background: yellow; margin-left: auto; margin-right: auto; padding-top: 50%; padding-bottom: 50%; border:1px solid brown; color:brown; cursor:pointer; position:relative; }/*блок с буквой с авто шириной, у которого высота всегда равна ширине https://toster.ru/q/194633 */
	.letra span { display:block; position:absolute; top:0; font-size:4.8vw; left:15%; }/*буква*/