/* css styles */
.quarto-title-block .quarto-title-banner {
  background-image: url(fig/logo.png);
  background-size: 300px;
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 10px;
  background-origin: content-box;
}

/* This CSS will make your video responsive */
.embed-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
overflow: hidden;
max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.image-container {
    float: right; /* Float the image to the right */
    width: 30%; /* Example: Set a fixed width */
    margin: 10px; /* Add some spacing around the image */
}

.responsive-image {
    max-width: 100%; /* Image resizes to fit container width */
    height: auto; /* Maintains aspect ratio */
}