@media (max-width: 340px){
    .place-container{
        grid-template-columns: max-content;
        justify-content: center;
        
    }
    .experience__container{
        row-gap:3rem;
        justify-content: center;/*regardng the grid it self*/
        justify-items: center;
     
     }
    
     .experience-overlay:nth-child(1){
         width: 190px;
         
         }
         .experience-overlay:nth-child(2){
         width: 80px;
         }
         .home__info{
            display: flex;
            align-items: center;
            background-color: var(--first-color);
            padding:  1rem;
            position: absolute;
            right: 0;
            bottom: 1rem;
            width: 190px;
            column-gap: .5rem;
            
        }
        .home__info-title{
            font-size: var(--smaller-font-size);
            margin-bottom: var(--mb-0-5);
        }
        
        
        
        /*.subscribe-container{
            padding: 0rem;
        }
        .subscribe-section{
            padding: 0rem;
        }
        .subscribe-form{
            background-color: var(--input-color);
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            padding: 0.5rem;
        }
       
        .subscribe-input{
            background-color: var(--input-color);
            width: 100%;
            margin-right: 0.3rem;
            color: var(--text-color);
        }*/

         
}