.catLandscapeBig {
    display: grid;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width:1201px;
}

.catLandscape {
    position: absolute;
    top: 50px; 
    left: 50%;
    transform: translateX(-50%);

    display: grid;
    width:751px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.catPortrait {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    position: absolute;
    top: 50px; 
    left: 50%;
    transform: translateX(-50%);
    width:800px;
}

.catPortrait div {
    background-color: #FFFFFF;
    border-radius: 50px; 
    height: 235px;
    transition: transform 0.3s ease; 
}

.catPortrait div:hover {
    transform: scale(1.05);
    cursor: pointer; 
}

.catPortrait img {
  position:relative;
  width:200px;
  left:10px;
  top: 17px;
  border-radius: 10px; 
  box-shadow: none;
}

.catPortrait p {
    position: relative;
    top: -125px;
    left: 250px;
    color:#565D6D;
    text-align:text;
    font-family: Arial, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    max-width: 500px;
    font-weight: bold;
}

.catLandscape div {
  background-color: #FFFFFF;
  border-radius: 20px; 
  height: 124px;
  transition: transform 0.3s ease; 
}

.catLandscape div:hover {
  transform: scale(1.05);
    cursor: pointer; 
}

.catLandscape img {
  position:relative;
width:100px;
  left:10px;
  top: 12px;
  border-radius: 10px; 
 box-shadow: none;
}

.catLandscape p {
    position: relative;
    top: -65px;
    left: 120px;
    color:#565D6D;
    text-align:text;
    font-family: Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    max-width: 250px;
    font-weight: bold;
}

.catLandscapeBig div {
    background-color: #FFFFFF;
    border-radius: 20px; 
    height: 116px;
    transition: transform 0.3s ease;
}

.catLandscapeBig div:hover {
  transform: scale(1.1);
    cursor: pointer; 
}

.catLandscapeBig img {
  position:relative;
    width: 90px;
  left:10px;
  top: 8px;
  border-radius: 10px; 
    box-shadow: none;
}

.catLandscapeBig p {
    position: relative;
    top: -65px;
    left: 110px;
    color:#565D6D;
    text-align:text;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    max-width: 120px;
    font-weight: bold;
}

.divPortrait1 { grid-area: 1 / 1 / 2 / 2; }
.divPortrait2 { grid-area: 2 / 1 / 3 / 2; }
.divPortrait3 { grid-area: 1 / 2 / 3 / 4; }
.divPortrait4 { grid-area: 3 / 1 / 4 / 2; }
.divPortrait5 { grid-area: 3 / 2 / 4 / 3; }
.divPortrait6 { grid-area: 3 / 3 / 4 / 4; }
.divPortrait7 { grid-area: 4 / 1 / 6 / 3; }
.divPortrait8 { grid-area: 4 / 3 / 5 / 4; }
.divPortrait9 { grid-area: 5 / 3 / 6 / 4; }
.divPortrait10 { grid-area: 6 / 1 / 7 / 2; }
.divPortrait11 { grid-area: 6 / 2 / 7 / 3; }
.divPortrait12 { grid-area: 6 / 3 / 7 / 4; }
.divPortrait13 { grid-area: 7 / 1 / 8 / 2; }
.divPortrait14 { grid-area: 8 / 1 / 9 / 2; }
.divPortrait15 { grid-area: 7 / 2 / 9 / 4; }
.divPortrait16 { grid-area: 9 / 1 / 10 / 2; }
.divPortrait17 { grid-area: 9 / 2 / 10 / 3; }
.divPortrait18 { grid-area: 9 / 3 / 10 / 4; }
.divPortrait19 { grid-area: 10 / 1 / 12 / 3; }
.divPortrait20 { grid-area: 10 / 3 / 11 / 4; }
.divPortrait21 { grid-area: 11 / 3 / 12 / 4; }
.divPortrait22 { grid-area: 12 / 1 / 13 / 2; }
.divPortrait23 { grid-area: 12 / 2 / 13 / 3; }
.divPortrait24 { grid-area: 12 / 3 / 13 / 4; }
.divPortrait25 { grid-area: 13 / 1 / 15 / 3; }
.divPortrait26 { grid-area: 13 / 3 / 14 / 4; }
.divPortrait27 { grid-area: 14 / 3 / 15 / 4; }
.divPortrait28 { grid-area: 15 / 1 / 16 / 2; }
.divPortrait29 { grid-area: 15 / 2 / 17 / 4; }
.divPortrait30 { grid-area: 17 / 1 / 19 / 3; }
.divPortrait31 { grid-area: 17 / 3 / 18 / 4; }
.divPortrait32 { grid-area: 16 / 1 / 17 / 2; }
.divPortrait33 { grid-area: 18 / 3 / 19 / 4; }
.divPortrait34 { grid-area: 19 / 1 / 20 / 2; }
.divPortrait35 { grid-area: 19 / 2 / 20 / 3; }
.divPortrait36 { grid-area: 19 / 3 / 20 / 4; }

.divLandscape1 { grid-area: 1 / 1 / 2 / 2; }
.divLandscape2 { grid-area: 2 / 1 / 3 / 2; }
.divLandscape3 { grid-area: 1 / 2 / 3 / 4; }
.divLandscape4 { grid-area: 1 / 4 / 2 / 5; }
.divLandscape5 { grid-area: 2 / 4 / 3 / 5; }
.divLandscape6 { grid-area: 1 / 5 / 2 / 6; }
.divLandscape7 { grid-area: 1 / 6 / 2 / 7; }
.divLandscape8 { grid-area: 2 / 5 / 4 / 7; }
.divLandscape9 { grid-area: 3 / 1 / 5 / 3; }
.divLandscape10 { grid-area: 3 / 3 / 4 / 4; }
.divLandscape11 { grid-area: 3 / 4 / 4 / 5; }
.divLandscape12 { grid-area: 4 / 3 / 5 / 4; }
.divLandscape13 { grid-area: 4 / 4 / 7 / 7; }
.divLandscape14 { grid-area: 5 / 1 / 8 / 4; }
.divLandscape15 { grid-area: 8 / 1 / 9 / 2; }
.divLandscape16 { grid-area: 8 / 2 / 9 / 3; }
.divLandscape17 { grid-area: 8 / 3 / 9 / 4; }
.divLandscape18 { grid-area: 7 / 4 / 10 / 7; }
.divLandscape19 { grid-area: 9 / 1 / 10 / 2; }
.divLandscape20 { grid-area: 9 / 2 / 11 / 4; }
.divLandscape21 { grid-area: 13 / 4 / 14 / 5; }
.divLandscape22 { grid-area: 13 / 5 / 14 / 6; }
.divLandscape23 { grid-area: 13 / 6 / 14 / 7; }
.divLandscape24 { grid-area: 10 / 1 / 11 / 2; }
.divLandscape25 { grid-area: 11 / 1 / 14 / 4; }
.divLandscape26 { grid-area: 10 / 4 / 13 / 7; }
.divLandscape27 { grid-area: 14 / 1 / 16 / 3; }
.divLandscape28 { grid-area: 14 / 3 / 15 / 4; }
.divLandscape29 { grid-area: 15 / 3 / 16 / 4; }
.divLandscape30 { grid-area: 14 / 4 / 16 / 6; }
.divLandscape31 { grid-area: 14 / 6 / 15 / 7; }
.divLandscape32 { grid-area: 15 / 6 / 16 / 7; }
.divLandscape33 { grid-area: 16 / 1 / 17 / 2; }
.divLandscape34 { grid-area: 16 / 2 / 17 / 3; }
.divLandscape35 { grid-area: 16 / 3 / 17 / 3; }
.divLandscape36 { grid-area: 16 / 4 / 17 / 4; }

.divLandscapeBig1 { grid-area: 1 / 1 / 2 / 2; }
.divLandscapeBig2 { grid-area: 2 / 1 / 4 / 3; }
.divLandscapeBig3 { grid-area: 1 / 2 / 2 / 3; }
.divLandscapeBig4 { grid-area: 1 / 3 / 4 / 6; }
.divLandscapeBig5 { grid-area: 1 / 6 / 3 / 8; }
.divLandscapeBig6 { grid-area: 1 / 8 / 3 / 10; }
.divLandscapeBig7 { grid-area: 4 / 1 / 5 / 2; }
.divLandscapeBig8 { grid-area: 4 / 2 / 5 / 3; }
.divLandscapeBig9 { grid-area: 4 / 3 / 5 / 4; }
.divLandscapeBig10 { grid-area: 4 / 4 / 6 / 6; }
.divLandscapeBig11 { grid-area: 5 / 1 / 6 / 2; }
.divLandscapeBig12 { grid-area: 6 / 1 / 7 / 2; }
.divLandscapeBig13 { grid-area: 5 / 2 / 7 / 4; }
.divLandscapeBig14 { grid-area: 3 / 6 / 6 / 9; }
.divLandscapeBig15 { grid-area: 3 / 9 / 4 / 10; }
.divLandscapeBig16 { grid-area: 4 / 9 / 5 / 10; }
.divLandscapeBig17 { grid-area: 5 / 9 / 6 / 10; }
.divLandscapeBig18 { grid-area: 6 / 4 / 8 / 6; }
.divLandscapeBig19 { grid-area: 7 / 1 / 8 / 2; }
.divLandscapeBig20 { grid-area: 6 / 7 / 8 / 9; }
.divLandscapeBig21 { grid-area: 6 / 9 / 7 / 10; }
.divLandscapeBig22 { grid-area: 7 / 9 / 8 / 10; }
.divLandscapeBig23 { grid-area: 6 / 6 / 7 / 7; }
.divLandscapeBig24 { grid-area: 7 / 6 / 8 / 7; }
.divLandscapeBig25 { grid-area: 7 / 3 / 8 / 4; }
.divLandscapeBig26 { grid-area: 7 / 2 / 8 / 3; }
.divLandscapeBig27 { grid-area: 8 / 1 / 10 / 3; }
.divLandscapeBig28 { grid-area: 8 / 3 / 9 / 4; }
.divLandscapeBig29 { grid-area: 9 / 3 / 10 / 4; }
.divLandscapeBig30 { grid-area: 8 / 4 / 11 / 7; }
.divLandscapeBig31 { grid-area: 8 / 7 / 10 / 9; }
.divLandscapeBig32 { grid-area: 10 / 3 / 11 / 4; }
.divLandscapeBig33 { grid-area: 10 / 1 / 11 / 2; }
.divLandscapeBig34 { grid-area: 10 / 2 / 11 / 3; }
.divLandscapeBig35 { grid-area: 8 / 9 / 9 / 10; }
.divLandscapeBig36 { grid-area: 9 / 9 / 10 / 10; }

.divCatLandscapeBig1 { grid-area: 1 / 1 / 2 / 3; }
.divCatLandscapeBig2 { grid-area: 1 / 3 / 2 / 5; }
.divCatLandscapeBig3 { grid-area: 1 / 5 / 2 / 7; }
.divCatLandscapeBig4 { grid-area: 1 / 7 / 2 / 9; }
.divCatLandscapeBig5 { grid-area: 2 / 1 / 3 / 3; }
.divCatLandscapeBig6 { grid-area: 2 / 3 / 3 / 5; }
.divCatLandscapeBig7 { grid-area: 2 / 5 / 3 / 7; }
.divCatLandscapeBig8 { grid-area: 2 / 7 / 3 / 9; }

.divCatLandscape1 { grid-area: 1 / 1 / 2 / 4; }
.divCatLandscape2 { grid-area: 1 / 4 / 2 / 7; }
.divCatLandscape3 { grid-area: 2 / 1 / 3 / 4; }
.divCatLandscape4 { grid-area: 2 / 4 / 3 / 7; }
.divCatLandscape5 { grid-area: 3 / 1 / 4 / 4; }
.divCatLandscape6 { grid-area: 3 / 4 / 4 / 7; }
.divCatLandscape7 { grid-area: 4 / 1 / 5 / 4; }
.divCatLandscape8 { grid-area: 4 / 4 / 5 / 7; }

.divCatPortrait1 { grid-area: 1 / 1 / 2 / 4; }
.divCatPortrait2 { grid-area: 2 / 1 / 3 / 4; }
.divCatPortrait3 { grid-area: 3 / 1 / 4 / 4; }
.divCatPortrait4 { grid-area: 4 / 1 / 5 / 4; }
.divCatPortrait5 { grid-area: 5 / 1 / 6 / 4; }
.divCatPortrait6 { grid-area: 6 / 1 / 7 / 4; }
.divCatPortrait7 { grid-area: 7 / 1 / 8 / 4; }
.divCatPortrait8 { grid-area: 8 / 1 / 9 / 4; }