View Our Galleries
.wp-block-heading {
opacity: 0;
animation: fadeIn 2s ease-in-out forwards;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.has-text-align-center {
text-align: center;
}
VIEW OUR GALLERIES
Gallery Page
.gallery-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.phones {
display: flex;
justify-content: space-around;
width: 100%;
max-width: 800px;
}
.phone-frame {
width: 300px;
height: 600px;
background: url(‘https://www.departd.de/wp-content/uploads/2023/02/phone-mask.png’) no-repeat center center;
background-size: contain; /* Ensure the entire phone image is visible */
position: relative;
}
.phone-screen {
width: 85%;
height: 75%;
position: absolute;
top: 12.5%;
left: 7.5%;
overflow: hidden;
}
.phone-screen video {
width: 100%;
height: 100%;
}
.buttons {
display: flex;
justify-content: space-around;
width: 100%;
max-width: 800px;
margin-top: 20px;
}
.buttons a {
text-decoration: none;
padding: 10px 20px;
background-color: #ff6600; /* Orange color */
color: white;
border-radius: 5px;
text-align: center;
width: 150px; /* Ensure buttons are of the same size */
transition: background-color 0.3s, color 0.3s; /* Smooth transition */
}
.buttons a:hover {
background-color: black; /* Change to black on hover */
color: white; /* Ensure text remains white */
}
