inject css

This commit is contained in:
m
2026-03-25 05:03:29 +01:00
parent 9a83309d36
commit 20fce270a5
5 changed files with 39 additions and 28 deletions

View File

@@ -45,26 +45,7 @@
};
</script>
<script src="{{ url_for('static', filename='js/timeline.js') }}"></script>
<style>
.image-container {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 20vh; /* Show 20% of the viewport height */
overflow: hidden; /* Hide parts of the image outside the container */
position: relative; /* Position context for the image */
}
.image-container img {
width: 100%; /* Make the image fit the container width */
height: auto; /* Maintain aspect ratio */
position: absolute; /* Position image relative to container */
top: 50%; /* Move image down by 50% of its height */
transform: translateY(
-50%
); /* Pull it back up by 50% of its own height */
}
</style>
<style></style>
</head>
<body>