body {
    background:#39435b ; 
    border: 0px solid red;
    
      }
      .text1{
        background:  #f1f2f1;
        background-image: url('trans.png');
        background-repeat: repeat;
        opacity:0.9;
        border: 0px solid rgb(241,242, 242);
        text-align: center;
        color: black;
        padding: 14px 25px;
        font-size: 30px;
        font-weight: bold;
        white-space: wrap;
        margin : 5px;
        font-family:adobe arabic;
        }


      .grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr ;
        grid-gap: 5px;
        border: 0px solid blue;
        overflow: hidden;
        padding-top: 5px;
      }
       .grid-container img{
                width: 30%;
                height: 30%;

            }
       * .fal {
          width: 15%;
          height: 15%;
        }*
       /* .grid-container2 {
          display: grid;
          grid-template-columns: 10fr 10fr 10fr 10fr ;
          grid-gap: 5px;
          border: 5px solid blue;
          overflow: hidden;
         padding-top: 2px;
          padding-right: 2px;
          padding-left: 2px;
          padding-bottom: 2px;
        

        }*/
         .grid-container2 img{
          display: block;
          margin-left: auto;
          margin-right: auto;       
          
        
           }