.text-container {
    margin-bottom: 20px;
}

.image-container {
    position: relative;
    display: inline-block;
    width: 100%; /* Контейнер занимает всю ширину */
}

.highlight-area {
    position: absolute;
    border: 2px solid rgb(71, 153, 230);
    background-color: rgba(58, 134, 233, 0.3);
    display: none;
}

.main-img {
    max-width: 100%; /* Изображение масштабируется по ширине контейнера */
    height: auto; /* Сохраняем пропорции */
}

.text-gif {
    font-family: monospace;
    font-size: 26px;
    color: darkgoldenrod;
    text-align: center;
}