Адаптировать картинку с анмацией - Вопросы по CSS

Как адаптировать?height: 300px;
height: 300px;
max-width: 100%;



/*Свойства для контейнера*/
#img_container {
position:relative;
height: 300px;
max-width: 100%;
margin:0 auto;
cursor:pointer;
}
/*Свойства для изображения в контейнере*/
#img_container img {
position:absolute;
left:0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
/*100% прозрачность при наведении на изображение*/
#img_container img.img_bottom:hover {
opacity:0;
}

Не оч понятно что ты хочешь. Расскажи детальнее с примером

От этого вообще ору

max-width: 100%;
margin:0 auto;