.flex {
    display: flex;
    flex-wrap: wrap;
}

.myTile {
    min-width: 50vw;
    max-width: 50vw;
min-height: 100vh;
max-height: 100vh;
}

.fleximage {
    text-align: center;
    align-items: center;
    max-width:100%;
    max-height:100%;
    z-index: 3;
    position: absolute;
}


/*Changes between 2 colum layout on desktop and mobile*/

@media (max-width: 600px) {
    .myTile {
        min-width: 100vw;
        max-width: 100vw;
    min-height: 50vh;
    max-height: 50vh;
    }
}

@media (hover:none), (hover:on-demand) {
    .myTile {
        min-width: 100vw;
        max-width: 100vw;
    min-height: 50vh;
    max-height: 50vh;
    }
    
}

@media screen and (orientation:portrait) {
    .myTile {
        min-width: 100vw;
        max-width: 100vw;
    min-height: 50vh;
    max-height: 50vh;
    }
}