@media screen and (max-width: 760px){

    body{
        max-width: 100%;
        margin: 0;
    }

    header{
        flex-direction: column;
    }
    main{
        background-color: red;
    }

     .container{
            width: 100%;
            height: 150px;
        }

    .img_carrossel{
        width: 160px;
        height: 160px;
        flex-shrink: 0;
        cursor: pointer;
        margin: 0px 10px 0px 10px;
    }

     .imagem_flutuante {
        top: 52%; 
        left: 20%;
        width: 350px; /* Reduz ainda mais o tamanho */
        height: 350px;
        /* Você pode até considerar `display: none;` para ela em telas muito pequenas, caso cause problemas */
    }


}