#wholesale h1{
    margin-top: 65px; text-align: center;font-family: Bebas Neue;
        font-size:  42px;
}


.overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay2 h1,
    .overlay2 p{
        text-align: left; /* Align text to the left */
        margin: 10px; /* Remove default margins */
        font-family: rubik;
    }
    .overlay2 h1{
        font-size: 32px;
    }
    .grid-item:hover img[src="images/image2.jpg"] + .overlay2  {
        left: 0; /* Move overlay to the left edge of the grid item */
    }

    .center-container2 {
        display: flex; /* Use flexbox */
        justify-content: center; /* Center horizontally */
        align-items: center; /* Center vertically */
        height: 100vh; /* Adjust the height as needed */
        text-align: center; /* Align text inside div */
        
    }

    .content2 {
        max-width: 500px; /* Max width of the content */
        padding: 20px;
     
        border-radius: 10px;
        flex-direction: column;
        align-items: left;
        
    }
button {
    font-family: system-ui, sans-serif;
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
    border: none;
    margin-top: 22px;
    padding: 10px;
  }
  .image-container {
    position: relative;
    overflow: hidden;
   
}

.image-container:hover .overlay2 {
    opacity: 1;
}
