.tiles
{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}


.tiles .tile
{
    flex: 33%;
    min-width: 250px;
    max-width: 350px;
    height: fit-content;

    overflow: hidden;

    position: relative;
    margin: 1.5em 1.5vw;

    text-align: left;

    background-color: rgb(75, 44, 142);
    border-radius: 2.5%;

    transform: scale(1);
    transition: transform 0.3s ease;
}

.tiles .tile-double
{
    flex: 40%;
}

.tiles .tile:hover
{
    transform: scale(1.05);
}


.tiles .tile img
{
    object-fit: cover;
    border-radius: 2.5%;

    width: 100%;
    max-height: 17.5em;
}


.tiles .tile h3, .tiles .tile p
{
    font-style: normal;
    color: rgb(235, 235, 235);
}

.tiles .tile h3
{
    font-family: "PatrickHand", sans-serif;
    font-weight: bold;
    font-size: 1.6em;

    margin: 0.2em 0.65em 0em;
}

.tiles .tile p
{
    margin: 0.3em 1.1em 1em;
}