.indexPictureBlock037
{

}

    .indexPictureBlock037 .theGrid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 0px;
        row-gap: 0px;
    }

    .indexPictureBlock037 .block {
        position: relative;
        aspect-ratio: 1 / 1.2;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .indexPictureBlock037 .text {
        position: absolute;
        left: 0;
        padding: 1em;
    }

.indexPictureBlock037 .block .link
{
   position : absolute;
   top : 0;
   right : 0;
   left : 0;
   bottom : 0;
   z-index : 1;
}

    .indexPictureBlock037 .block:nth-child(1) .text {
        bottom: 0px;
        background-color: rgba(255,255,255,0.7);
    }

    .indexPictureBlock037 .block:nth-child(2) .text {
        top : 0px;
        background-color : rgba(255,255,255,0.7);
    }

        .indexPictureBlock037 .block:nth-child(3) .text {
            bottom: 0px;
            background-color: rgba(48,88,198,0.7);
            color: #FFFFFF;
        }



.indexPictureBlock037 .heading {
    font-weight: bold;
    margin: 0 0 0 5em 0;
}

@media (max-width: 767px) {
    .indexPictureBlock037 .theGrid {
        display: block;
    }
    .indexPictureBlock037 .block:nth-child(2) .text {
        background-color: rgba(255,255,255,0.7);
    }
    .indexPictureBlock037 .content
    {
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
    }
   .indexPictureBlock037 .block:nth-child(3)
   {
     aspect-ratio: 771 / 1022;
   }
}
@media (min-width: 768px) and (max-width: 1199px) 
{
    .indexPictureBlock037 .theGrid {
        grid-template-columns: 1fr 1fr;
    }
    .indexPictureBlock037 .block:nth-child(2) .text {
        background-color: rgba(255,255,255,0.7);
    }
  .indexPictureBlock037 .block:nth-child(3)
  {
    grid-column: 1 / 3;
    aspect-ratio: 771 / 1022;
  }
}