• Как сделать увеличение изображения при этом оставив текст статичным?

    @houd1ini
    Для того что бы у вас текст оставался статичным, изображение должно быть абсолютно спозиционированным. Примерно нужно добавить вот эти стили.

    .content {
      position: relative;
      padding-right: 400px; //отступ справа на ширину контента, так как при абсолютном позиционировании элемент выпадает с потока
    }
    
    .content img {
      position: absolute;
      right: 0;
      display: block;
      transition: transform 0.33s linear;
    }
    
    .content img:hover {
      transform: scale(1.1); //увеличивает размер изображения в 1.1 раза
    }
    Ответ написан
    Комментировать