Как сохранить изображение внутри div?

Я пытаюсь разместить изображение на своем сайте. Но изображение пересекает границу div и выходит наружу, что делает сайт горизонтально прокручиваемым.

Я использую тег float в css.

Вот мой код css

.image-2{
    width: 40%;
    display: block;
    float: right;
    padding-right: 50px;

}

Мой сделал таблицу стилей

.about{
    display: block;
    width: 100%;
    height: 750px;
    background-image: linear-gradient(to top right, #130178, #4F35DF, #5FD0F5);
}

Как я могу сохранить изображение внутри div и не дать ему выйти наружу и увеличить ширину сайта?