/* Персонаж в углу */
.mychar {
position: fixed;
z-index: 10;
pointer-events: none;
left: 0;
right: 29rem;
bottom: 21.7rem;
transform-origin: bottom right;
font-size: 1em;
}
.mychar::after {
content: '';
display: block;
pointer-events: auto;
float: right;
width: 900px;
height: 900px;
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
background-image: url(https://i.gifer.com/Z6W8.gif);
filter: grayscale(57%) sepia(60%);
}
@media screen and (max-width: 599px) {
.mychar {
left: -53.8462%;
transform: scale(0.65);
}
.mychar .speech {
transform: scale(1.5385);
font-size: 0.85em;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px),
screen and (max-width: 599px) and (min-height: 720px)
{
.mychar {
left: -33.3333%;
transform: scale(0.75);
}
.mychar .speech {
transform: scale(1.3333);
font-size: 0.85em;
}
}