.projekt1-bild, .projekt2-bild, .projekt3-bild, .projekt4-bild, .projekt5-bild, .projekt6-bild {
        margin: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        border: solid gray 1px;
        border-radius: 10px;
        padding: 10px;
        font-size: 20px;
        color: black;
          
      }
      
      .projekt1-bild {
        grid-column: 1 / 2;
        grid-row: 2 / 4;

      }

      .projekt1-text {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
        font-family: "Exo 2", sans-serif;
        font-size: 2vw;
        color: rgb(255, 255, 255);
        padding-top: 5px;
        
      }

      .figma-design {
        width: 100%;
        height: auto;
        border-radius: 10px;
      }

      .projekt2-bild {
        grid-column: 2 / 3;
        grid-row: 2 / 4;
        
      }
       .projekt2-text {
        grid-column: 2 / 3;
        grid-row: 4 / 5;
        font-family: "Exo 2", sans-serif;
        font-size: 2vw;
        color: rgb(255, 255, 255);
        padding-top: 5px;
       }
      .tulläng {
        width: 100%;
        height: auto;
        border-radius: 10px;
      }
      .projekt3-bild {
        grid-column: 3 / 5;
        grid-row: 2 / 4;
  
     }
      .projekt3-text {
        grid-column: 3 / 5;
        grid-row: 4 / 5;
        font-family: "Exo 2", sans-serif;
        font-size: 2vw;
        color: rgb(255, 255, 255);
        padding-top: 5px;
      }
      .projekt4-bild {
        grid-column: 1 / 2;
        grid-row: 5 / 7;
      }

      .projekt5-bild {
        grid-column: 2 / 3;
        grid-row: 5 / 7;
      }
      
      .projekt6-bild {
        grid-column: 3 / 5;
        grid-row: 5 / 7;
      }