.container {
    
    padding: 30px;
    margin: auto;
    
}

.mini-container {
    
  padding: 20px;
    margin: 20px;
  text-align: center;
    color: white;
border-radius: 20px;
    background-color: darkgray;
    
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.exp-title {
    align-content: center;
    height: 40%;
    width: 100%;
    position: absolute;
    bottom: 0%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background-color: darkgray;
    color: white;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size:xx-large;
}

img {
    position: absolute;
    height: 45%;
    width: 100%;
    object-fit: contain;
}

.exp-try {
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    background-color: white;
    border-radius: 10px;
    margin-top: 10px;
    color: #616A6B;
    font-weight: bolder;
    cursor: pointer;
}

.exp-try:hover {
    zoom: 1.1;
}