.callout 
{
background-image: url(https://customereducation.expert/images/academybulbsmallblue.png);
border: 2px solid #081D34;
background-color: #C4E0FD;
color: #081D34;
font-family: "TT Norms", sans-serif;
padding: 30px 30px 30px 90px;
background-repeat: no-repeat;
background-position: 16px center;
border-radius: 8px 8px 8px 8px;
box-shadow: 0px 4px 10px #ccc !important;
margin: 0px 0px 0px 0px;
}

.blob 
{
content: "";
display: block !important;
position: relative !important;
left: 80%;
margin: 0px 0px 0px 0px !important;
border-radius: 0px 0px 0px 50px;
width: 20%;
height: 30px;
background-color: #081D34;
box-shadow: 0px 4px 10px #ccc !important;
}


.video-embed {
  aspect-ratio: 16 / 9;
  width: 98%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  box-shadow: 0px 5px 8px silver;
}

.top-left-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 12.75rem;
    height: 15rem;
}

.top-right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 12.75rem;
    height: 15rem;
}

/* notes for anyone. 

!important before the end of a line means this CSS instruction should override any other global CSS setting

*/